@ynput/ayon-frontend-shared 0.2.31 → 0.2.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/index.cjs10.js +1 -1
- package/dist/_virtual/index.cjs5.js +1 -1
- package/dist/_virtual/index.cjs6.js +1 -1
- package/dist/_virtual/index.cjs8.js +1 -1
- package/dist/_virtual/index.cjs9.js +1 -1
- package/dist/_virtual/index.es10.js +5 -5
- package/dist/_virtual/index.es5.js +5 -2
- package/dist/_virtual/index.es5.js.map +1 -1
- package/dist/_virtual/index.es6.js +2 -5
- package/dist/_virtual/index.es6.js.map +1 -1
- package/dist/_virtual/index.es8.js +3 -3
- package/dist/_virtual/index.es9.js +5 -5
- package/dist/node_modules/rehype/node_modules/unified/lib/index.cjs.js +1 -1
- package/dist/node_modules/rehype/node_modules/unified/lib/index.cjs.js.map +1 -1
- package/dist/node_modules/rehype/node_modules/unified/lib/index.es.js +2 -2
- package/dist/node_modules/rehype/node_modules/vfile/lib/index.cjs.js +1 -1
- package/dist/node_modules/rehype/node_modules/vfile/lib/index.es.js +1 -1
- package/dist/node_modules/rehype-parse/lib/index.cjs.js +1 -1
- package/dist/node_modules/rehype-parse/lib/index.cjs.js.map +1 -1
- package/dist/node_modules/rehype-parse/lib/index.es.js +1 -1
- package/dist/node_modules/rehype-prism-plus/dist/index.es.cjs.js +1 -1
- package/dist/node_modules/rehype-prism-plus/dist/index.es.es.js +1 -1
- package/dist/node_modules/remove-accents/index.cjs.js +1 -1
- package/dist/node_modules/remove-accents/index.es.js +1 -1
- package/dist/shared/src/api/generated/access.cjs.js.map +1 -1
- package/dist/shared/src/api/generated/access.es.js.map +1 -1
- package/dist/shared/src/api/generated/authentication.cjs.js +1 -1
- package/dist/shared/src/api/generated/authentication.cjs.js.map +1 -1
- package/dist/shared/src/api/generated/authentication.es.js +9 -6
- package/dist/shared/src/api/generated/authentication.es.js.map +1 -1
- package/dist/shared/src/api/generated/entityLists.cjs.js.map +1 -1
- package/dist/shared/src/api/generated/entityLists.es.js.map +1 -1
- package/dist/shared/src/api/generated/folders.cjs.js.map +1 -1
- package/dist/shared/src/api/generated/folders.es.js.map +1 -1
- package/dist/shared/src/api/generated/graphql.cjs.js.map +1 -1
- package/dist/shared/src/api/generated/graphql.es.js.map +1 -1
- package/dist/shared/src/api/generated/graphqlLinks.cjs.js.map +1 -1
- package/dist/shared/src/api/generated/graphqlLinks.es.js.map +1 -1
- package/dist/shared/src/api/generated/links.cjs.js +1 -1
- package/dist/shared/src/api/generated/links.cjs.js.map +1 -1
- package/dist/shared/src/api/generated/links.es.js +13 -5
- package/dist/shared/src/api/generated/links.es.js.map +1 -1
- package/dist/shared/src/api/generated/onboarding.cjs.js.map +1 -1
- package/dist/shared/src/api/generated/onboarding.es.js.map +1 -1
- package/dist/shared/src/api/generated/operations.cjs.js +1 -1
- package/dist/shared/src/api/generated/operations.cjs.js.map +1 -1
- package/dist/shared/src/api/generated/operations.es.js +16 -0
- package/dist/shared/src/api/generated/operations.es.js.map +1 -1
- package/dist/shared/src/api/generated/products.cjs.js +1 -1
- package/dist/shared/src/api/generated/products.cjs.js.map +1 -1
- package/dist/shared/src/api/generated/products.es.js +6 -3
- package/dist/shared/src/api/generated/products.es.js.map +1 -1
- package/dist/shared/src/api/generated/projects.cjs.js +1 -1
- package/dist/shared/src/api/generated/projects.cjs.js.map +1 -1
- package/dist/shared/src/api/generated/projects.es.js +19 -0
- package/dist/shared/src/api/generated/projects.es.js.map +1 -1
- package/dist/shared/src/api/generated/system.cjs.js.map +1 -1
- package/dist/shared/src/api/generated/system.es.js.map +1 -1
- package/dist/shared/src/api/generated/tasks.cjs.js.map +1 -1
- package/dist/shared/src/api/generated/tasks.es.js.map +1 -1
- package/dist/shared/src/api/generated/users.cjs.js.map +1 -1
- package/dist/shared/src/api/generated/users.es.js.map +1 -1
- package/dist/shared/src/api/generated/versions.cjs.js.map +1 -1
- package/dist/shared/src/api/generated/versions.es.js.map +1 -1
- package/dist/shared/src/api/generated/views.cjs.js.map +1 -1
- package/dist/shared/src/api/generated/views.es.js.map +1 -1
- package/dist/shared/src/components/AttributeEditor/AttributeEditor.cjs.js +1 -1
- package/dist/shared/src/components/AttributeEditor/AttributeEditor.cjs.js.map +1 -1
- package/dist/shared/src/components/AttributeEditor/AttributeEditor.es.js +15 -10
- package/dist/shared/src/components/AttributeEditor/AttributeEditor.es.js.map +1 -1
- package/dist/shared/src/components/ProjectTableSettings/RowHeightSettings.cjs.js +60 -0
- package/dist/shared/src/components/ProjectTableSettings/RowHeightSettings.cjs.js.map +1 -0
- package/dist/shared/src/components/ProjectTableSettings/RowHeightSettings.es.js +332 -0
- package/dist/shared/src/components/ProjectTableSettings/RowHeightSettings.es.js.map +1 -0
- package/dist/shared/src/components/SettingsPanel/SettingsPanel.cjs.js +4 -4
- package/dist/shared/src/components/SettingsPanel/SettingsPanel.cjs.js.map +1 -1
- package/dist/shared/src/components/SettingsPanel/SettingsPanel.es.js +37 -33
- package/dist/shared/src/components/SettingsPanel/SettingsPanel.es.js.map +1 -1
- package/dist/shared/src/components/Thumbnail/Thumbnail.styled.cjs.js +3 -5
- package/dist/shared/src/components/Thumbnail/Thumbnail.styled.cjs.js.map +1 -1
- package/dist/shared/src/components/Thumbnail/Thumbnail.styled.es.js +4 -6
- package/dist/shared/src/components/Thumbnail/Thumbnail.styled.es.js.map +1 -1
- package/dist/shared/src/components/ThumbnailSimple/ThumbnailSimple.cjs.js +1 -2
- package/dist/shared/src/components/ThumbnailSimple/ThumbnailSimple.cjs.js.map +1 -1
- package/dist/shared/src/components/ThumbnailSimple/ThumbnailSimple.es.js +0 -1
- package/dist/shared/src/components/ThumbnailSimple/ThumbnailSimple.es.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTable.cjs.js +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTable.cjs.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTable.es.js +555 -537
- package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTable.es.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js +0 -1
- package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTable.styled.es.js +4 -5
- package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTable.styled.es.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/buildTreeTableColumns.cjs.js +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/buildTreeTableColumns.cjs.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/buildTreeTableColumns.es.js +92 -91
- package/dist/shared/src/containers/ProjectTreeTable/buildTreeTableColumns.es.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/context/ColumnSettingsContext.es.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/context/ColumnSettingsProvider.cjs.js +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/context/ColumnSettingsProvider.cjs.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/context/ColumnSettingsProvider.es.js +126 -108
- package/dist/shared/src/containers/ProjectTreeTable/context/ColumnSettingsProvider.es.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/hooks/useDynamicRowHeight.cjs.js +2 -0
- package/dist/shared/src/containers/ProjectTreeTable/hooks/useDynamicRowHeight.cjs.js.map +1 -0
- package/dist/shared/src/containers/ProjectTreeTable/hooks/useDynamicRowHeight.es.js +9 -0
- package/dist/shared/src/containers/ProjectTreeTable/hooks/useDynamicRowHeight.es.js.map +1 -0
- package/dist/shared/src/containers/ProjectTreeTable/widgets/CellWidget.cjs.js +2 -2
- package/dist/shared/src/containers/ProjectTreeTable/widgets/CellWidget.cjs.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/widgets/CellWidget.es.js +49 -48
- package/dist/shared/src/containers/ProjectTreeTable/widgets/CellWidget.es.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js +38 -9
- package/dist/shared/src/containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/widgets/EntityNameWidget.es.js +74 -39
- package/dist/shared/src/containers/ProjectTreeTable/widgets/EntityNameWidget.es.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js +24 -15
- package/dist/shared/src/containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/widgets/EnumCellValue.es.js +71 -59
- package/dist/shared/src/containers/ProjectTreeTable/widgets/EnumCellValue.es.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js +6 -6
- package/dist/shared/src/containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js.map +1 -1
- package/dist/shared/src/containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js +12 -12
- package/dist/shared/src/containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js.map +1 -1
- package/dist/shared/src/util/columnConfigConverter.cjs.js +1 -1
- package/dist/shared/src/util/columnConfigConverter.cjs.js.map +1 -1
- package/dist/shared/src/util/columnConfigConverter.es.js +35 -33
- package/dist/shared/src/util/columnConfigConverter.es.js.map +1 -1
- package/dist/types/api/generated/access.d.ts +6 -0
- package/dist/types/api/generated/authentication.d.ts +6 -0
- package/dist/types/api/generated/entityLists.d.ts +7 -7
- package/dist/types/api/generated/folders.d.ts +2 -2
- package/dist/types/api/generated/graphql.d.ts +3 -1
- package/dist/types/api/generated/graphqlLinks.d.ts +21 -15
- package/dist/types/api/generated/links.d.ts +4 -0
- package/dist/types/api/generated/onboarding.d.ts +3 -0
- package/dist/types/api/generated/operations.d.ts +22 -1
- package/dist/types/api/generated/products.d.ts +23 -0
- package/dist/types/api/generated/projects.d.ts +63 -0
- package/dist/types/api/generated/representations.d.ts +1 -0
- package/dist/types/api/generated/system.d.ts +9 -2
- package/dist/types/api/generated/tasks.d.ts +1 -0
- package/dist/types/api/generated/users.d.ts +1 -1
- package/dist/types/api/generated/versions.d.ts +1 -0
- package/dist/types/api/generated/views.d.ts +50 -9
- package/dist/types/api/queries/authentication/getAuthentication.d.ts +1 -0
- package/dist/types/api/queries/overview/updateOverview.d.ts +2 -0
- package/dist/types/api/queries/project/getProject.d.ts +4 -0
- package/dist/types/components/ProjectTableSettings/RowHeightSettings.d.ts +3 -0
- package/dist/types/containers/ProjectTreeTable/context/ColumnSettingsContext.d.ts +4 -0
- package/dist/types/containers/ProjectTreeTable/hooks/useDynamicRowHeight.d.ts +11 -0
- package/dist/types/containers/ProjectTreeTable/widgets/EntityNameWidget.d.ts +2 -1
- package/dist/types/containers/ProjectTreeTable/widgets/EnumCellValue.d.ts +2 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProjectTreeTable.es.js","sources":["../../../../../src/containers/ProjectTreeTable/ProjectTreeTable.tsx"],"sourcesContent":["import { useMemo, useRef, useEffect, memo, CSSProperties, useCallback, UIEventHandler } from 'react' // Added useCallback\nimport { useVirtualizer, VirtualItem, Virtualizer } from '@tanstack/react-virtual'\n// TanStack Table imports\nimport {\n useReactTable,\n getCoreRowModel,\n getFilteredRowModel,\n getExpandedRowModel,\n filterFns,\n flexRender,\n Row,\n getSortedRowModel,\n Cell,\n Column,\n Table,\n Header,\n HeaderGroup,\n RowData,\n ExpandedState,\n} from '@tanstack/react-table'\n\n// Utility imports\nimport clsx from 'clsx'\n\n// Type imports\nimport type { TableRow } from './types/table'\n\n// Component imports\nimport buildTreeTableColumns, {\n DefaultColumns,\n TreeTableExtraColumn,\n} from './buildTreeTableColumns'\nimport * as Styled from './ProjectTreeTable.styled'\nimport { RowDragHandleCellContent, ColumnHeaderMenu } from './components'\nimport EmptyPlaceholder from '../../components/EmptyPlaceholder'\nimport HeaderActionButton from './components/HeaderActionButton'\n\n// Context imports\nimport { useCellEditing } from './context/CellEditingContext'\nimport { ROW_SELECTION_COLUMN_ID, useSelectionCellsContext } from './context/SelectionCellsContext'\nimport { ClipboardProvider } from './context/ClipboardContext'\nimport { useSelectedRowsContext } from './context/SelectedRowsContext'\nimport { useColumnSettingsContext } from './context/ColumnSettingsContext'\nimport { useMenuContext } from '../../context/MenuContext'\n\n// Hook imports\nimport useCustomColumnWidthVars from './hooks/useCustomColumnWidthVars'\nimport usePrefetchFolderTasks from './hooks/usePrefetchFolderTasks'\nimport useCellContextMenu, { HeaderLabel } from './hooks/useCellContextMenu'\nimport useColumnVirtualization from './hooks/useColumnVirtualization'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\n\n// EntityPickerDialog import\nimport { EntityPickerDialog } from '../EntityPickerDialog/EntityPickerDialog'\n// Move entity hook\nimport { useMoveEntities } from './hooks/useMoveEntities'\nimport { useProjectDataContext } from '@shared/containers'\n\n// Utility function imports\nimport { getCellId, parseCellId } from './utils/cellUtils'\nimport { generateLoadingRows, generateDummyAttributes } from './utils/loadingUtils'\nimport { createPortal } from 'react-dom'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { AttributeEnumItem, ProjectTableAttribute, BuiltInFieldOptions } from './types'\nimport { ToggleExpandAll, useProjectTableContext } from './context/ProjectTableContext'\nimport { getEntityViewierIds, getReadOnlyLists, getTableFieldOptions } from './utils'\nimport { EntityUpdate } from './hooks/useUpdateTableData'\n\n// dnd-kit imports\nimport {\n DragOverlay,\n type UniqueIdentifier,\n // Removed: DndContext, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, DragEndEvent, DragStartEvent, Active, Over, useSensor, useSensors\n} from '@dnd-kit/core'\n// import { restrictToVerticalAxis } from '@dnd-kit/modifiers'\nimport { SortableContext, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { EDIT_TRIGGER_CLASS } from './widgets/CellWidget'\nimport { toast } from 'react-toastify'\nimport { EntityMoveData } from '@shared/context/MoveEntityContext'\nimport { useSelector } from 'react-redux'\n\ntype CellUpdate = (\n entity: Omit<EntityUpdate, 'id'>,\n config?: { selection?: string[] },\n) => Promise<void>\n\ndeclare module '@tanstack/react-table' {\n interface TableMeta<TData extends RowData> {\n options?: BuiltInFieldOptions\n readOnly?: ProjectTreeTableProps['readOnly']\n projectName?: string\n updateEntities?: CellUpdate\n toggleExpandAll?: ToggleExpandAll\n selection?: string[]\n }\n}\n\n//These are the important styles to make sticky column pinning work!\n//Apply styles like this using your CSS strategy of choice with this kind of logic to head cells, data cells, footer cells, etc.\n//View the index.css file for more needed styles such as border-collapse: separate\nconst getCommonPinningStyles = (column: Column<TableRow, unknown>): CSSProperties => {\n const isPinned = column.getIsPinned()\n const offset =\n column.id !== ROW_SELECTION_COLUMN_ID && column.id !== DRAG_HANDLE_COLUMN_ID ? -30 : 0\n\n return {\n left: isPinned === 'left' ? `${column.getStart('left') + offset}px` : undefined, // Removed offset\n right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,\n position: isPinned ? 'sticky' : 'relative',\n width: column.getSize(),\n zIndex: isPinned ? 100 : 0,\n }\n}\n\nconst getColumnWidth = (rowId: string, columnId: string) => {\n return `calc(var(--col-${columnId}-size) * 1px)`\n}\n// test\n\nexport const DRAG_HANDLE_COLUMN_ID = 'drag-handle'\n\nexport interface ProjectTreeTableProps extends React.HTMLAttributes<HTMLDivElement> {\n scope: string\n sliceId: string\n onScrollBottom?: React.HTMLAttributes<HTMLDivElement>['onScroll']\n onOpenNew?: (type: 'folder' | 'task') => void\n readOnly?: (DefaultColumns | string)[]\n excludedColumns?: (DefaultColumns | string)[]\n extraColumns?: TreeTableExtraColumn[]\n isLoading?: boolean\n clientSorting?: boolean\n sortableRows?: boolean\n onRowReorder?: (active: UniqueIdentifier, over: UniqueIdentifier | null) => void // Adjusted type for active/over if needed, or keep as Active, Over\n dndActiveId?: UniqueIdentifier | null // Added prop\n pt?: {\n container?: React.HTMLAttributes<HTMLDivElement>\n head?: Partial<TableHeadProps>\n }\n}\n\nexport const ProjectTreeTable = ({\n scope,\n sliceId,\n onScroll,\n onScrollBottom, // when the user scrolls to the bottom of the table, this callback is called\n onOpenNew,\n readOnly,\n excludedColumns,\n extraColumns,\n isLoading: isLoadingProp,\n clientSorting = false,\n sortableRows = false,\n onRowReorder,\n dndActiveId, // Destructure new prop\n pt,\n ...props\n}: ProjectTreeTableProps) => {\n const {\n columnVisibility,\n columnPinning,\n columnOrder,\n columnSizing,\n setAllColumns,\n sorting,\n sortingOnChange,\n columnPinningOnChange,\n columnSizingOnChange,\n columnVisibilityOnChange,\n columnOrderOnChange,\n groupBy,\n } = useColumnSettingsContext()\n const isGrouping = !!groupBy\n\n const {\n projectInfo,\n tableData,\n attribFields,\n entitiesMap,\n users,\n isLoading: isLoadingData,\n error,\n isInitialized,\n expanded,\n projectName,\n updateExpanded,\n toggleExpandAll,\n showHierarchy,\n fetchNextPage,\n scopes,\n getEntityById,\n } = useProjectTableContext()\n\n const { projectName: contextProjectName, writableFields } = useProjectDataContext()\n\n const isLoading = isLoadingProp || isLoadingData\n\n const {\n statuses = [],\n folderTypes = [],\n taskTypes = [],\n tags = [],\n linkTypes = [],\n } = projectInfo || {}\n const options: BuiltInFieldOptions = useMemo(\n () =>\n getTableFieldOptions({\n users,\n statuses,\n folderTypes,\n taskTypes,\n tags,\n scopes,\n }),\n [users, statuses, folderTypes, taskTypes, scopes, tags],\n )\n\n //The virtualizer needs to know the scrollable container element\n const tableContainerRef = useRef<HTMLDivElement>(null)\n // reference of how many rows are currently rendered in the table\n const tableRowsCountRef = useRef(0)\n\n // Selection context\n const { registerGrid } = useSelectionCellsContext()\n\n // generate loading attrib and rows\n const { loadingAttrib, loadingRows } = useMemo(() => {\n // count the number of children in tbody\n const tableRowsCount = tableContainerRef.current?.querySelectorAll('tbody tr').length || 0\n const loadingAttrib = generateDummyAttributes()\n const loadingRows = generateLoadingRows(\n attribFields,\n showHierarchy && tableData.length > 0\n ? Math.min(tableRowsCount, 50)\n : groupBy\n ? Math.max(tableRowsCountRef.current, 50)\n : 50,\n )\n\n return { loadingAttrib, loadingRows }\n }, [])\n\n const showLoadingRows = !isInitialized || isLoading\n\n // Format readonly columns and attributes\n const { readOnlyColumns, readOnlyAttribs } = useMemo(\n () => getReadOnlyLists(attribFields, writableFields, readOnly),\n [attribFields, writableFields, readOnly],\n )\n\n const { selectedCells } = useSelectionCellsContext()\n const { updateEntities } = useCellEditing()\n\n const handleCellUpdate: CellUpdate = useCallback(\n async (entity, config) => {\n const { selection = [] } = config || {}\n const entitiesToUpdate: EntityUpdate[] = []\n if (!selection?.length) {\n entitiesToUpdate.push({ ...entity, id: entity.rowId })\n } else {\n // if includeSelection is true, update all the selected cells with the same columnId\n const { field, value, isAttrib, type } = entity\n for (const cellId of selectedCells) {\n const { colId, rowId } = parseCellId(cellId) || {}\n\n const entity = getEntityById(rowId || '')\n if (!entity) {\n console.warn(`Entity with ID ${rowId} not found for cell update.`)\n continue\n }\n\n if ((!colId?.includes('attrib_') || colId?.replace('attrib_', '') === field) && rowId) {\n entitiesToUpdate.push({\n field: field,\n rowId: rowId,\n id: entity.entityId,\n value: value,\n isAttrib: isAttrib,\n type: entity.entityType,\n })\n }\n }\n }\n\n if (!entitiesToUpdate.length) {\n console.warn('No entities to update, skipping updateEntities call.')\n toast.warn('No entities to update.')\n return\n }\n\n await updateEntities(entitiesToUpdate, true)\n },\n [updateEntities, getEntityById, selectedCells],\n )\n\n const columnAttribs = useMemo(\n () => (isInitialized ? attribFields : loadingAttrib),\n [attribFields, loadingAttrib, isInitialized],\n )\n const columns = useMemo(() => {\n const baseColumns = buildTreeTableColumns({\n attribs: columnAttribs,\n links: linkTypes,\n showHierarchy,\n options,\n extraColumns,\n excluded: excludedColumns,\n groupBy,\n })\n\n if (sortableRows) {\n return [\n {\n id: DRAG_HANDLE_COLUMN_ID,\n header: () => null,\n cell: () => null, // Content rendered by TableBodyRow\n size: 24,\n minSize: 24,\n maxSize: 24,\n enableResizing: false,\n enableSorting: false,\n enableHiding: false,\n enablePinning: false, // Programmatically pinned\n },\n ...baseColumns,\n ]\n }\n return baseColumns\n }, [columnAttribs, showHierarchy, options, extraColumns, excludedColumns, sortableRows])\n\n // Keep ColumnSettingsProvider's allColumns ref up to date\n useEffect(() => {\n const ids = columns.map((c) => c.id!).filter(Boolean)\n setAllColumns(ids)\n }, [columns, setAllColumns])\n\n const table = useReactTable({\n data: showLoadingRows ? loadingRows : tableData,\n columns,\n defaultColumn: {\n minSize: 50,\n size: 150,\n },\n enableRowSelection: true, //enable row selection for all rows\n getRowId: (row) => row.id,\n enableSubRowSelection: false, //disable sub row selection\n getSubRows: (row) => row.subRows,\n getRowCanExpand: () => true,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getExpandedRowModel: getExpandedRowModel(),\n filterFromLeafRows: true,\n // EXPANDABLE\n onExpandedChange: updateExpanded,\n // SORTING\n enableSorting: true,\n getSortedRowModel: getSortedRowModel(),\n sortDescFirst: false,\n manualSorting: !clientSorting,\n onSortingChange: sortingOnChange,\n columnResizeMode: 'onChange',\n onColumnPinningChange: columnPinningOnChange,\n onColumnSizingChange: columnSizingOnChange,\n onColumnVisibilityChange: columnVisibilityOnChange,\n onColumnOrderChange: columnOrderOnChange,\n // @ts-ignore\n filterFns,\n state: {\n expanded,\n sorting,\n columnPinning: (() => {\n const leftPins: string[] = []\n if (sortableRows) {\n leftPins.push(DRAG_HANDLE_COLUMN_ID)\n }\n leftPins.push(ROW_SELECTION_COLUMN_ID)\n\n // Add other unique pins from context, ensuring they are not the programmatic ones\n const contextLeftPins = (columnPinning.left || []).filter(\n (id) => id !== DRAG_HANDLE_COLUMN_ID && id !== ROW_SELECTION_COLUMN_ID,\n )\n leftPins.push(...contextLeftPins)\n // Remove duplicates just in case, though filter should handle it\n const uniqueLeftPins = [...new Set(leftPins)]\n\n return {\n left: uniqueLeftPins,\n right: columnPinning.right,\n }\n })(),\n columnSizing,\n columnVisibility,\n columnOrder,\n },\n meta: {\n projectName,\n options,\n readOnly: readOnlyColumns,\n updateEntities: handleCellUpdate,\n toggleExpandAll,\n loadMoreTasks: fetchNextPage,\n selection: Array.from(selectedCells),\n },\n })\n\n // TODO: when there is data (like in error) then we have infinite rendering\n\n const { rows } = table.getRowModel()\n\n // update the tableRowsCountRef with the current number of rows\n useEffect(() => {\n tableRowsCountRef.current = rows.length\n }, [rows.length])\n\n // Register grid structure with selection context when rows or columns change\n useEffect(() => {\n if (!rows.length) return\n const rowIds = rows.map((row) => row.id)\n const colIds = table.getAllLeafColumns().map((col) => col.id)\n const colIdsSortedByPinning = [...colIds].sort((a, b) => {\n if (ROW_SELECTION_COLUMN_ID === b) return 1\n const colA = columnPinning.left?.includes(a) ? 0 : 1\n const colB = columnPinning.left?.includes(b) ? 0 : 1\n return colA - colB\n })\n\n registerGrid(rowIds, colIdsSortedByPinning)\n }, [rows, table.getAllLeafColumns(), columnPinning, ROW_SELECTION_COLUMN_ID, registerGrid])\n\n const visibleColumns = table.getVisibleLeafColumns()\n\n // Use the column virtualization hook\n const { columnVirtualizer, virtualPaddingLeft, virtualPaddingRight } = useColumnVirtualization({\n visibleColumns,\n tableContainerRef,\n columnPinning,\n columnSizing,\n columnOrder,\n })\n\n const columnSizeVars = useCustomColumnWidthVars(table, columnSizing)\n\n const attribByField = useMemo(() => {\n return attribFields.reduce((acc: Record<string, AttributeEnumItem[]>, attrib) => {\n if (attrib.data?.enum?.length) {\n acc[attrib.name] = attrib.data?.enum\n }\n return acc\n }, {})\n }, [attribFields])\n\n const rowOrderIds = useMemo(() => tableData.map((row) => row.id), [tableData])\n const draggedRowData = useMemo(() => {\n if (!dndActiveId || !sortableRows) return null // Use dndActiveId\n return tableData.find((r) => r.id === dndActiveId) // Use dndActiveId\n }, [dndActiveId, tableData, sortableRows])\n\n const combinedScrollHandler: UIEventHandler<HTMLDivElement> = useCallback(\n (e) => {\n // Call the original onScroll if provided\n onScroll?.(e)\n\n if (onScrollBottom) {\n const containerRefElement = e.currentTarget\n if (containerRefElement && !showHierarchy && !groupBy) {\n const { scrollHeight, scrollTop, clientHeight } = containerRefElement\n //once the user has scrolled within 500px of the bottom of the table, fetch more data if we can\n if (scrollHeight - scrollTop - clientHeight < 500 && !isLoading) {\n onScrollBottom(e)\n }\n }\n }\n },\n [onScroll, onScrollBottom, showHierarchy, groupBy, isLoading],\n )\n\n // Get move entity functions for the dialog\n const {\n isEntityPickerOpen,\n handleMoveSubmit,\n closeMoveDialog,\n movingEntities,\n handleMoveToRoot,\n getDisabledFolderIds,\n getDisabledMessage,\n } = useMoveEntities({\n projectName: contextProjectName || projectName || '',\n })\n\n const handleMoveSubmitWithExpand = (selection: string[]) => {\n handleMoveSubmit(selection)\n const folderIdToExpand = selection[0]\n\n updateExpanded((prevExpanded: ExpandedState) => {\n if (typeof prevExpanded === 'boolean') {\n if (prevExpanded) {\n return prevExpanded\n }\n return { [folderIdToExpand]: true }\n }\n\n if (prevExpanded[folderIdToExpand]) {\n return prevExpanded\n }\n\n return {\n ...prevExpanded,\n [folderIdToExpand]: true,\n }\n })\n }\n\n const tableUiContent = (\n <ClipboardProvider\n entitiesMap={entitiesMap}\n columnEnums={{ ...options, ...attribByField }}\n columnReadOnly={readOnlyAttribs}\n visibleColumns={visibleColumns}\n >\n <Styled.TableWrapper {...props}>\n <Styled.TableContainer\n ref={tableContainerRef}\n style={{ height: '100%', padding: 0 }}\n onScroll={combinedScrollHandler}\n {...pt?.container}\n className={clsx(\n 'table-container',\n {\n resizing: table.getState().columnSizingInfo.isResizingColumn,\n },\n pt?.container?.className,\n )}\n >\n <table\n style={{\n display: 'grid',\n borderCollapse: 'collapse',\n userSelect: 'none',\n ...columnSizeVars,\n width: table.getTotalSize(),\n cursor: table.getState().columnSizingInfo.isResizingColumn ? 'col-resize' : undefined,\n }}\n >\n <TableHead\n columnVirtualizer={columnVirtualizer}\n table={table}\n virtualPaddingLeft={virtualPaddingLeft}\n virtualPaddingRight={virtualPaddingRight}\n isLoading={isLoading}\n readOnlyColumns={readOnlyColumns}\n sortableRows={sortableRows}\n {...pt?.head}\n />\n <TableBody\n columnVirtualizer={columnVirtualizer}\n table={table}\n tableContainerRef={tableContainerRef}\n virtualPaddingLeft={virtualPaddingLeft}\n virtualPaddingRight={virtualPaddingRight}\n showHierarchy={showHierarchy}\n attribs={attribFields}\n onOpenNew={onOpenNew}\n rowOrderIds={rowOrderIds}\n sortableRows={sortableRows}\n error={error}\n isGrouping={isGrouping}\n />\n </table>\n </Styled.TableContainer>\n </Styled.TableWrapper>\n {/* Render EntityPickerDialog alongside table content */}\n {isEntityPickerOpen &&\n projectName &&\n movingEntities?.entities &&\n movingEntities.entities.length > 0 && (\n <EntityPickerDialog\n projectName={projectName}\n entityType=\"folder\"\n onSubmit={handleMoveSubmitWithExpand}\n onClose={closeMoveDialog}\n showMoveToRoot={movingEntities.entities.every(\n (entity: EntityMoveData) => entity.entityType === 'folder',\n )}\n onMoveToRoot={handleMoveToRoot}\n disabledIds={getDisabledFolderIds()}\n getDisabledMessage={getDisabledMessage}\n />\n )}\n </ClipboardProvider>\n )\n\n // Render DragOverlay if sortableRows and dndActiveId is present\n const dragOverlayPortal =\n sortableRows &&\n dndActiveId &&\n createPortal(\n <DragOverlay dropAnimation={null}>\n {draggedRowData\n ? (() => {\n const overlayRowInstance = table.getRowModel().rows.find((r) => r.id === dndActiveId)\n if (!overlayRowInstance) return null\n\n const tableWidth = table.getTotalSize()\n\n return (\n <table\n style={{\n width: tableWidth,\n borderCollapse: 'collapse',\n backgroundColor: 'var(--md-sys-color-surface-container-high)',\n boxShadow: '0 0 10px rgba(0,0,0,0.2)',\n ...columnSizeVars,\n }}\n >\n <tbody>\n <Styled.TR style={{ display: 'flex', userSelect: 'none' }}>\n {virtualPaddingLeft ? (\n <td style={{ display: 'flex', width: virtualPaddingLeft }} />\n ) : null}\n {columnVirtualizer.getVirtualItems().map((vc) => {\n const cell = overlayRowInstance.getVisibleCells()[vc.index]\n if (!cell) return null\n\n const cellStyleBase: CSSProperties = {\n ...getCommonPinningStyles(cell.column),\n width: getColumnWidth(overlayRowInstance.id, cell.column.id),\n display: 'flex',\n alignItems: 'center',\n height: 40,\n }\n\n if (cell.column.id === DRAG_HANDLE_COLUMN_ID) {\n return (\n <Styled.TableCell\n key={`overlay-drag-${cell.id}`}\n style={{ ...cellStyleBase, justifyContent: 'center' }}\n className={clsx(cell.column.id)}\n >\n <Icon icon=\"drag_handle\" /> {/* Static icon */}\n </Styled.TableCell>\n )\n }\n return (\n <TableCellMemo\n cell={cell}\n cellId={`overlay-${getCellId(overlayRowInstance.id, cell.column.id)}`}\n rowId={overlayRowInstance.id}\n key={`overlay-cell-${cell.id}`}\n showHierarchy={showHierarchy}\n />\n )\n })}\n {virtualPaddingRight ? (\n <td style={{ display: 'flex', width: virtualPaddingRight }} />\n ) : null}\n </Styled.TR>\n </tbody>\n </table>\n )\n })()\n : null}\n </DragOverlay>,\n document.body,\n )\n\n if (sortableRows) {\n return (\n <>\n {tableUiContent}\n {dragOverlayPortal}\n </>\n )\n } else {\n return tableUiContent\n }\n}\n\ninterface TableHeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n table: Table<TableRow>\n virtualPaddingLeft: number | undefined\n virtualPaddingRight: number | undefined\n isLoading: boolean\n readOnlyColumns?: string[]\n sortableRows?: boolean\n}\n\nconst TableHead = ({\n columnVirtualizer,\n table,\n virtualPaddingLeft,\n virtualPaddingRight,\n isLoading,\n readOnlyColumns,\n sortableRows,\n ...props\n}: TableHeadProps) => {\n return (\n <Styled.TableHeader {...props}>\n {table.getHeaderGroups().map((headerGroup) => (\n <TableHeadRow\n key={headerGroup.id}\n columnVirtualizer={columnVirtualizer}\n headerGroup={headerGroup}\n virtualPaddingLeft={virtualPaddingLeft}\n virtualPaddingRight={virtualPaddingRight}\n isLoading={isLoading}\n readOnlyColumns={readOnlyColumns}\n sortableRows={sortableRows}\n />\n ))}\n </Styled.TableHeader>\n )\n}\n\ninterface TableHeadRowProps {\n columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n headerGroup: HeaderGroup<TableRow>\n virtualPaddingLeft: number | undefined\n virtualPaddingRight: number | undefined\n isLoading: boolean\n readOnlyColumns?: string[]\n sortableRows?: boolean\n}\n\nconst TableHeadRow = ({\n columnVirtualizer,\n headerGroup,\n virtualPaddingLeft,\n virtualPaddingRight,\n isLoading,\n readOnlyColumns,\n sortableRows,\n}: TableHeadRowProps) => {\n const virtualColumns = columnVirtualizer.getVirtualItems()\n return (\n <Styled.ColumnHeader key={headerGroup.id} style={{ display: 'flex' }}>\n {virtualPaddingLeft ? (\n //fake empty column to the left for virtualization scroll padding\n <th style={{ display: 'flex', width: virtualPaddingLeft }} />\n ) : null}\n {virtualColumns.map((virtualColumn) => {\n const header = headerGroup.headers[virtualColumn.index]\n\n return (\n <TableHeadCell\n key={header.id}\n header={header}\n isLoading={isLoading}\n isReadOnly={readOnlyColumns?.includes(header.id)}\n canSort={header.column.getCanSort()}\n canFilter={header.column.getCanFilter()}\n canHide={header.column.getCanHide()}\n canPin={header.column.getCanPin()}\n canResize={header.column.getCanResize()}\n sortableRows={sortableRows}\n />\n )\n })}\n {virtualPaddingRight ? (\n //fake empty column to the right for virtualization scroll padding\n <th style={{ display: 'flex', width: virtualPaddingRight }} />\n ) : null}\n </Styled.ColumnHeader>\n )\n}\n\ninterface TableHeadCellProps {\n header: Header<TableRow, unknown>\n isLoading: boolean\n canSort?: boolean\n canFilter?: boolean\n canHide?: boolean\n canPin?: boolean\n canResize?: boolean\n isReadOnly?: boolean\n sortableRows?: boolean\n}\n\nconst TableHeadCell = ({\n header,\n isLoading,\n canFilter,\n canHide,\n canSort,\n canPin,\n canResize,\n isReadOnly,\n sortableRows,\n}: TableHeadCellProps) => {\n const { column } = header\n const sorting = column.getIsSorted()\n const menuId = `column-header-menu-${column.id}`\n const { menuOpen } = useMenuContext()\n const isOpen = menuOpen === menuId\n\n return (\n <Styled.HeaderCell\n className={clsx(header.id, 'shimmer-dark', {\n loading: isLoading,\n 'last-pinned-left': column.getIsPinned() === 'left' && column.getIsLastColumn('left'),\n resizing: column.getIsResizing(),\n })}\n key={header.id}\n style={{\n ...getCommonPinningStyles(column),\n width: getColumnWidth('', column.id),\n }}\n >\n {header.isPlaceholder ? null : (\n <Styled.TableCellContent className={clsx('bold', 'header')}>\n {flexRender(column.columnDef.header, header.getContext())}\n {isReadOnly && (\n <Icon icon=\"lock\" data-tooltip={'You only have permission to read this column.'} />\n )}\n\n <Styled.HeaderButtons className=\"actions\" $isOpen={isOpen}>\n {(canHide || canPin || canSort) && (\n <ColumnHeaderMenu\n className=\"header-menu\"\n header={header}\n canHide={canHide}\n canPin={canPin}\n canSort={canSort}\n isResizing={column.getIsResizing()}\n menuId={menuId}\n isOpen={isOpen}\n />\n )}\n\n {/* COLUMN SORTING */}\n {canSort && (\n <HeaderActionButton\n icon=\"sort\"\n className={clsx('sort-button', { visible: sorting })}\n style={{\n transform: sorting === 'asc' ? 'rotate(180deg) scaleX(-1)' : 'none',\n }}\n onClick={column.getToggleSortingHandler()}\n selected={!!column.getIsSorted()}\n />\n )}\n </Styled.HeaderButtons>\n {canResize && (\n <Styled.ResizedHandler\n {...{\n onDoubleClick: () => column.resetSize(),\n onMouseDown: header.getResizeHandler(),\n onTouchStart: header.getResizeHandler(),\n className: clsx('resize-handle', {\n resizing: column.getIsResizing(),\n }),\n }}\n />\n )}\n </Styled.TableCellContent>\n )}\n </Styled.HeaderCell>\n )\n}\n\ninterface TableBodyProps {\n columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n table: Table<TableRow>\n tableContainerRef: React.RefObject<HTMLDivElement>\n showHierarchy: boolean\n virtualPaddingLeft: number | undefined\n virtualPaddingRight: number | undefined\n attribs: ProjectTableAttribute[]\n onOpenNew?: (type: 'folder' | 'task') => void\n rowOrderIds: UniqueIdentifier[]\n sortableRows: boolean\n error?: string\n isGrouping: boolean\n}\n\nconst TableBody = ({\n columnVirtualizer,\n table,\n tableContainerRef,\n showHierarchy,\n virtualPaddingLeft,\n virtualPaddingRight,\n attribs,\n onOpenNew,\n rowOrderIds,\n sortableRows,\n error,\n isGrouping,\n}: TableBodyProps) => {\n const headerLabels = useMemo(() => {\n const allColumns = table.getAllColumns()\n const headers = allColumns\n .map((col) => {\n const headerId = col.id\n const header = col.columnDef.header\n if (typeof header === 'string' || typeof header === 'number') {\n return { label: header, id: headerId }\n }\n return null\n })\n .filter(Boolean)\n\n return headers as HeaderLabel[]\n }, [table.getAllColumns()])\n\n const cellContextMenuHook = useCellContextMenu({ attribs, onOpenNew, headerLabels })\n\n const handleTableBodyContextMenu = cellContextMenuHook.handleTableBodyContextMenu\n\n const { handlePreFetchTasks } = usePrefetchFolderTasks()\n\n const { rows } = table.getRowModel()\n\n const rowVirtualizer = useVirtualizer<HTMLDivElement, HTMLTableRowElement>({\n count: rows.length,\n estimateSize: () => 40, //estimate row height for accurate scrollbar dragging\n getScrollElement: () => tableContainerRef.current,\n //measure dynamic row height, except in firefox because it measures table border height incorrectly\n measureElement:\n typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1\n ? (element) => element?.getBoundingClientRect().height\n : undefined,\n overscan: 5,\n })\n\n const virtualRows = rowVirtualizer.getVirtualItems()\n\n // Memoize the measureElement callback\n const measureRowElement = useCallback(\n (node: HTMLTableRowElement | null) => {\n if (node) {\n rowVirtualizer.measureElement(node)\n }\n },\n [rowVirtualizer],\n )\n\n useKeyboardNavigation()\n\n const tbodyContent = (\n <tbody\n style={{\n height: `${rowVirtualizer.getTotalSize()}px`,\n position: 'relative',\n display: 'grid',\n }}\n onContextMenu={handleTableBodyContextMenu}\n onMouseOver={(e) => {\n handlePreFetchTasks(e)\n }}\n >\n {virtualRows.map((virtualRow, i) => {\n const row = rows[virtualRow.index] as Row<TableRow>\n // Add a check for row existence to prevent potential errors if data is out of sync\n if (!row) {\n console.warn('Virtualized row data not found for index:', virtualRow.index)\n return null\n }\n return (\n <TableBodyRow\n key={row.id + i.toString()} // dnd-kit needs this key to be stable and match the id in useSortable\n row={row}\n showHierarchy={showHierarchy}\n visibleCells={row.getVisibleCells()}\n virtualColumns={columnVirtualizer.getVirtualItems()}\n paddingLeft={virtualPaddingLeft}\n paddingRight={virtualPaddingRight}\n rowRef={measureRowElement}\n dataIndex={virtualRow.index}\n offsetTop={virtualRow.start}\n sortableRows={sortableRows}\n isGrouping={isGrouping}\n />\n )\n })}\n </tbody>\n )\n\n if (error) {\n return (\n tableContainerRef.current &&\n createPortal(\n <EmptyPlaceholder message=\"No items found\" error={error} />,\n tableContainerRef.current,\n )\n )\n }\n\n if (sortableRows) {\n return (\n <SortableContext items={rowOrderIds} strategy={verticalListSortingStrategy}>\n {tbodyContent}\n </SortableContext>\n )\n } else {\n return tbodyContent\n }\n}\n\ninterface TableBodyRowProps {\n row: Row<TableRow>\n showHierarchy: boolean\n visibleCells: Cell<TableRow, unknown>[]\n virtualColumns: VirtualItem[]\n paddingLeft: number | undefined\n paddingRight: number | undefined\n rowRef: (node: HTMLTableRowElement | null) => void\n dataIndex: number\n offsetTop: number\n sortableRows: boolean\n isGrouping: boolean\n}\n\nconst TableBodyRow = ({\n row,\n showHierarchy,\n visibleCells,\n virtualColumns,\n paddingLeft,\n paddingRight,\n rowRef,\n dataIndex,\n offsetTop,\n sortableRows,\n isGrouping = false,\n}: TableBodyRowProps) => {\n const sortable = sortableRows ? useSortable({ id: row.id }) : null\n\n const combinedRef = useCallback(\n (node: HTMLTableRowElement | null) => {\n if (sortable) {\n sortable.setNodeRef(node)\n }\n // rowRef for virtualizer measurement\n // only measure if not actively being transformed by dnd-kit\n if (!(sortable && sortable.isDragging)) {\n rowRef(node)\n }\n },\n [sortable, rowRef],\n )\n\n // Attempt to combine dnd-kit transform with virtualizer's offsetTop\n const style: CSSProperties = {\n position: 'absolute', // Use absolute positioning for virtualized items\n top: offsetTop, // Position based on virtualizer's calculation (virtualRow.start)\n left: 0, // Span full width of the relative parent (tbody)\n right: 0, // Span full width\n height: 40, // Explicit height can be beneficial for absolute positioning\n zIndex: sortable && sortable.isDragging ? 0 : 1, // Ensure dragged item is above others\n display: 'flex', // Styled.TR is display:flex\n transform:\n sortable && sortable.transform ? CSS.Transform.toString(sortable.transform) : undefined, // Apply dnd-kit's transform for drag effect\n transition: sortable && sortable.transition ? sortable.transition : undefined,\n visibility: sortable && sortable.isDragging ? 'hidden' : 'visible', // Hide the row being dragged\n }\n\n return (\n <Styled.TR\n ref={combinedRef}\n data-index={dataIndex} //needed for dynamic row height measurement\n style={style}\n className={clsx({ 'group-row': row.original.group })}\n >\n {paddingLeft ? (\n //fake empty column to the left for virtualization scroll padding\n <td style={{ display: 'flex', width: paddingLeft }} />\n ) : null}\n {virtualColumns.map((vc, i) => {\n const cell = visibleCells[vc.index]\n if (!cell) return null // Should not happen in normal circumstances\n\n const cellId = getCellId(row.id, cell.column.id)\n\n if (cell.column.id === DRAG_HANDLE_COLUMN_ID) {\n return (\n <Styled.TableCell\n key={cell.id + i.toString()}\n style={{\n ...getCommonPinningStyles(cell.column),\n width: getColumnWidth(row.id, cell.column.id),\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n height: 40,\n pointerEvents: 'all',\n cursor: 'grab',\n }}\n className={clsx(cell.column.id, {\n 'last-pinned-left':\n cell.column.getIsPinned() === 'left' && cell.column.getIsLastColumn('left'),\n })}\n onMouseDown={(e) => e.stopPropagation()} // Prevent selection interference\n onMouseOver={(e) => e.stopPropagation()}\n // Removed onMouseUp stopPropagation to allow dnd-kit to handle it\n onDoubleClick={(e) => e.stopPropagation()}\n onContextMenu={(e) => {\n e.preventDefault()\n e.stopPropagation()\n }}\n >\n <RowDragHandleCellContent\n attributes={sortable?.attributes}\n listeners={sortable?.listeners}\n />\n </Styled.TableCell>\n )\n }\n return (\n <TableCellMemo\n cell={cell}\n cellId={cellId}\n rowId={row.id}\n key={cell.id + i.toString()}\n showHierarchy={showHierarchy}\n sortableRows={sortableRows}\n />\n )\n })}\n\n {paddingRight ? (\n //fake empty column to the right for virtualization scroll padding\n <td style={{ display: 'flex', width: paddingRight }} />\n ) : null}\n </Styled.TR>\n )\n}\n\ninterface TableCellProps {\n cell: Cell<TableRow, unknown>\n cellId: string\n rowId: string\n className?: string\n showHierarchy: boolean\n sortableRows?: boolean\n}\n\nconst TableCell = ({\n cell,\n rowId,\n cellId,\n className,\n showHierarchy,\n sortableRows,\n ...props\n}: TableCellProps) => {\n const { getEntityById, onOpenPlayer } = useProjectTableContext()\n\n const {\n isCellSelected,\n isCellFocused,\n startSelection,\n extendSelection,\n endSelection,\n selectCell,\n focusCell,\n getCellBorderClasses,\n clearSelection,\n selectedCells,\n } = useSelectionCellsContext()\n\n const { isRowSelected } = useSelectedRowsContext()\n\n const { isEditing, setEditingCellId } = useCellEditing()\n\n const borderClasses = getCellBorderClasses(cellId)\n\n const isPinned = cell.column.getIsPinned()\n const isLastLeftPinnedColumn = isPinned === 'left' && cell.column.getIsLastColumn('left')\n const isRowSelectionColumn = cell.column.id === ROW_SELECTION_COLUMN_ID\n const isGroup = cell.row.original.entityType === 'group'\n const isMultipleSelected = selectedCells.size > 1\n\n return (\n <Styled.TableCell\n {...props}\n tabIndex={0}\n $isLastPinned={isLastLeftPinnedColumn} // is this column the last pinned column? Custom styling for borders.\n className={clsx(\n cell.column.id,\n {\n selected: isCellSelected(cellId),\n focused: isCellFocused(cellId),\n editing: isEditing(cellId),\n 'last-pinned-left': isLastLeftPinnedColumn,\n 'selected-row': isRowSelected(rowId),\n task: cell.row.original.entityType === 'task',\n 'multiple-selected': isMultipleSelected,\n },\n className,\n ...borderClasses,\n )}\n style={{\n ...getCommonPinningStyles(cell.column),\n width: getColumnWidth(cell.row.id, cell.column.id),\n height: 40,\n }}\n onMouseDown={(e) => {\n // Only process left clicks (button 0), ignore right clicks\n if (e.button !== 0) return\n\n const target = e.target as HTMLElement\n\n // check we are not clicking on expander\n if (target.closest('.expander')) return\n\n // if we are clicking on an edit trigger, we need to start editing\n if (target.closest('.' + EDIT_TRIGGER_CLASS)) {\n if (!isCellSelected(cellId)) {\n // if the cell is not selected, select it and deselect all others\n selectCell(cellId, false, false)\n focusCell(cellId)\n }\n // start editing the cell\n setEditingCellId(cellId)\n\n return\n }\n\n // check we are not clicking in a dropdown\n if (target.closest('.options')) return\n\n // only name column can be selected for group rows\n if (isGroup && cell.column.id !== 'name') return clearSelection()\n\n const additive = e.metaKey || e.ctrlKey || isRowSelectionColumn\n if (e.shiftKey) {\n // Shift+click extends selection from anchor cell\n selectCell(cellId, additive, true) // true for range selection\n } else {\n // Normal click starts a new selection\n startSelection(cellId, additive)\n }\n }}\n onMouseOver={(e) => {\n if (e.buttons === 1) {\n // Left button is pressed during mouse move - drag selection\n extendSelection(cellId, isRowSelectionColumn)\n }\n }}\n onMouseUp={() => {\n endSelection(cellId)\n }}\n onDoubleClick={(e) => {\n // row selection on name column double click\n if (\n cell.column.id === 'name' &&\n !(e.target as HTMLElement).closest('.expander') &&\n !isGroup\n ) {\n // select the row by selecting the row-selection cell\n const rowSelectionCellId = getCellId(cell.row.id, ROW_SELECTION_COLUMN_ID)\n if (!isCellSelected(rowSelectionCellId)) {\n const additive = e.metaKey || e.ctrlKey\n selectCell(rowSelectionCellId, additive, false)\n }\n }\n // open the viewer on thumbnail double click\n if (cell.column.id === 'thumbnail') {\n if (onOpenPlayer) {\n const entity = getEntityById(cell.row.original.entityId || cell.row.id)\n if (entity) {\n const targetIds = getEntityViewierIds(entity)\n onOpenPlayer(targetIds, { quickView: true })\n }\n }\n }\n }}\n onContextMenu={(e) => {\n e.preventDefault()\n // if the cell is not selected, select it and deselect all others\n if (!isCellSelected(cellId)) {\n selectCell(cellId, false, false)\n }\n }}\n >\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </Styled.TableCell>\n )\n}\n\nconst TableCellMemo = memo(TableCell)\n"],"names":["getCommonPinningStyles","column","isPinned","offset","ROW_SELECTION_COLUMN_ID","DRAG_HANDLE_COLUMN_ID","getColumnWidth","rowId","columnId","ProjectTreeTable","scope","sliceId","onScroll","onScrollBottom","onOpenNew","readOnly","excludedColumns","extraColumns","isLoadingProp","clientSorting","sortableRows","onRowReorder","dndActiveId","pt","props","columnVisibility","columnPinning","columnOrder","columnSizing","setAllColumns","sorting","sortingOnChange","columnPinningOnChange","columnSizingOnChange","columnVisibilityOnChange","columnOrderOnChange","groupBy","useColumnSettingsContext","isGrouping","projectInfo","tableData","attribFields","entitiesMap","users","isLoadingData","error","isInitialized","expanded","projectName","updateExpanded","toggleExpandAll","showHierarchy","fetchNextPage","scopes","getEntityById","useProjectTableContext","contextProjectName","writableFields","useProjectDataContext","isLoading","statuses","folderTypes","taskTypes","tags","linkTypes","options","useMemo","getTableFieldOptions","tableContainerRef","useRef","tableRowsCountRef","registerGrid","useSelectionCellsContext","loadingAttrib","loadingRows","tableRowsCount","_a","generateDummyAttributes","generateLoadingRows","showLoadingRows","readOnlyColumns","readOnlyAttribs","getReadOnlyLists","selectedCells","updateEntities","useCellEditing","handleCellUpdate","useCallback","entity","config","selection","entitiesToUpdate","field","value","isAttrib","type","cellId","colId","parseCellId","toast","columnAttribs","columns","baseColumns","buildTreeTableColumns","useEffect","ids","c","table","useReactTable","row","getCoreRowModel","getFilteredRowModel","getExpandedRowModel","getSortedRowModel","filterFns","leftPins","contextLeftPins","id","rows","rowIds","colIdsSortedByPinning","col","a","b","colA","colB","_b","visibleColumns","columnVirtualizer","virtualPaddingLeft","virtualPaddingRight","useColumnVirtualization","columnSizeVars","useCustomColumnWidthVars","attribByField","acc","attrib","_c","rowOrderIds","draggedRowData","r","combinedScrollHandler","containerRefElement","scrollHeight","scrollTop","clientHeight","isEntityPickerOpen","handleMoveSubmit","closeMoveDialog","movingEntities","handleMoveToRoot","getDisabledFolderIds","getDisabledMessage","useMoveEntities","handleMoveSubmitWithExpand","folderIdToExpand","prevExpanded","tableUiContent","jsxs","ClipboardProvider","jsx","Styled.TableWrapper","Styled.TableContainer","clsx","TableHead","TableBody","EntityPickerDialog","dragOverlayPortal","createPortal","DragOverlay","overlayRowInstance","tableWidth","Styled.TR","vc","cell","cellStyleBase","Styled.TableCell","Icon","TableCellMemo","getCellId","Fragment","Styled.TableHeader","headerGroup","TableHeadRow","virtualColumns","Styled.ColumnHeader","virtualColumn","header","TableHeadCell","canFilter","canHide","canSort","canPin","canResize","isReadOnly","menuId","menuOpen","useMenuContext","isOpen","Styled.HeaderCell","Styled.TableCellContent","flexRender","Styled.HeaderButtons","ColumnHeaderMenu","HeaderActionButton","Styled.ResizedHandler","attribs","headerLabels","headerId","handleTableBodyContextMenu","useCellContextMenu","handlePreFetchTasks","usePrefetchFolderTasks","rowVirtualizer","useVirtualizer","element","virtualRows","measureRowElement","node","useKeyboardNavigation","tbodyContent","e","virtualRow","i","TableBodyRow","EmptyPlaceholder","SortableContext","verticalListSortingStrategy","visibleCells","paddingLeft","paddingRight","rowRef","dataIndex","offsetTop","sortable","useSortable","combinedRef","style","CSS","RowDragHandleCellContent","TableCell","className","onOpenPlayer","isCellSelected","isCellFocused","startSelection","extendSelection","endSelection","selectCell","focusCell","getCellBorderClasses","clearSelection","isRowSelected","useSelectedRowsContext","isEditing","setEditingCellId","borderClasses","isLastLeftPinnedColumn","isRowSelectionColumn","isGroup","isMultipleSelected","target","EDIT_TRIGGER_CLASS","additive","rowSelectionCellId","targetIds","getEntityViewierIds","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGA,MAAMA,KAAyB,CAACC,MAAqD;AAC7E,QAAAC,IAAWD,EAAO,YAAY,GAC9BE,IACJF,EAAO,OAAOG,KAA2BH,EAAO,OAAOI,IAAwB,MAAM;AAEhF,SAAA;AAAA,IACL,MAAMH,MAAa,SAAS,GAAGD,EAAO,SAAS,MAAM,IAAIE,CAAM,OAAO;AAAA;AAAA,IACtE,OAAOD,MAAa,UAAU,GAAGD,EAAO,SAAS,OAAO,CAAC,OAAO;AAAA,IAChE,UAAUC,IAAW,WAAW;AAAA,IAChC,OAAOD,EAAO,QAAQ;AAAA,IACtB,QAAQC,IAAW,MAAM;AAAA,EAC3B;AACF,GAEMI,KAAiB,CAACC,GAAeC,MAC9B,kBAAkBA,CAAQ,iBAItBH,IAAwB,eAqBxBI,KAAmB,CAAC;AAAA,EAC/B,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAWC;AAAA,EACX,eAAAC,IAAgB;AAAA,EAChB,cAAAC,IAAe;AAAA,EACf,cAAAC;AAAA,EACA,aAAAC;AAAA;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAA6B;;AACrB,QAAA;AAAA,IACJ,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,SAAAC;AAAA,MACEC,GAAyB,GACvBC,KAAa,CAAC,CAACF,GAEf;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAWC;AAAA,IACX,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,eAAAC;AAAA,MACEC,GAAuB,GAErB,EAAE,aAAaC,IAAoB,gBAAAC,GAAA,IAAmBC,GAAsB,GAE5EC,IAAYzC,KAAiB0B,IAE7B;AAAA,IACJ,UAAAgB,KAAW,CAAC;AAAA,IACZ,aAAAC,KAAc,CAAC;AAAA,IACf,WAAAC,KAAY,CAAC;AAAA,IACb,MAAAC,KAAO,CAAC;AAAA,IACR,WAAAC,KAAY,CAAA;AAAA,EACd,IAAIzB,KAAe,CAAC,GACd0B,IAA+BC;AAAA,IACnC,MACEC,GAAqB;AAAA,MACnB,OAAAxB;AAAA,MACA,UAAAiB;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,MAAAC;AAAA,MACA,QAAAV;AAAA,IAAA,CACD;AAAA,IACH,CAACV,IAAOiB,IAAUC,IAAaC,IAAWT,IAAQU,EAAI;AAAA,EACxD,GAGMK,IAAoBC,GAAuB,IAAI,GAE/CC,KAAoBD,GAAO,CAAC,GAG5B,EAAE,cAAAE,GAAa,IAAIC,GAAyB,GAG5C,EAAE,eAAAC,IAAe,aAAAC,GAAY,IAAIR,EAAQ,MAAM;;AAEnD,UAAMS,MAAiBC,IAAAR,EAAkB,YAAlB,gBAAAQ,EAA2B,iBAAiB,YAAY,WAAU,GACnFH,IAAgBI,GAAwB,GACxCH,IAAcI;AAAA,MAClBrC;AAAA,MACAU,KAAiBX,EAAU,SAAS,IAChC,KAAK,IAAImC,GAAgB,EAAE,IAC3BvC,IACA,KAAK,IAAIkC,GAAkB,SAAS,EAAE,IACtC;AAAA,IACN;AAEA,WAAO,EAAE,eAAAG,GAAe,aAAAC,EAAY;AAAA,EACtC,GAAG,EAAE,GAECK,KAAkB,CAACjC,MAAiBa,GAGpC,EAAE,iBAAAqB,IAAiB,iBAAAC,GAAA,IAAoBf;AAAA,IAC3C,MAAMgB,GAAiBzC,GAAcgB,IAAgB1C,CAAQ;AAAA,IAC7D,CAAC0B,GAAcgB,IAAgB1C,CAAQ;AAAA,EACzC,GAEM,EAAE,eAAAoE,GAAc,IAAIX,GAAyB,GAC7C,EAAE,gBAAAY,GAAe,IAAIC,GAAe,GAEpCC,KAA+BC;AAAA,IACnC,OAAOC,GAAQC,MAAW;AACxB,YAAM,EAAE,WAAAC,IAAY,GAAG,IAAID,KAAU,CAAC,GAChCE,IAAmC,CAAC;AACtC,UAAA,EAACD,KAAA,QAAAA,EAAW;AACd,QAAAC,EAAiB,KAAK,EAAE,GAAGH,GAAQ,IAAIA,EAAO,OAAO;AAAA,WAChD;AAEL,cAAM,EAAE,OAAAI,GAAO,OAAAC,IAAO,UAAAC,IAAU,MAAAC,GAAS,IAAAP;AACzC,mBAAWQ,KAAUb,IAAe;AAClC,gBAAM,EAAE,OAAAc,GAAO,OAAA1F,EAAA,IAAU2F,GAAYF,CAAM,KAAK,CAAC,GAE3CR,KAASlC,GAAc/C,KAAS,EAAE;AACxC,cAAI,CAACiF,IAAQ;AACH,oBAAA,KAAK,kBAAkBjF,CAAK,6BAA6B;AACjE;AAAA,UAAA;AAGG,WAAA,EAAC0F,KAAA,QAAAA,EAAO,SAAS,gBAAcA,KAAA,gBAAAA,EAAO,QAAQ,WAAW,SAAQL,MAAUrF,KAC9EoF,EAAiB,KAAK;AAAA,YACpB,OAAAC;AAAA,YACA,OAAArF;AAAA,YACA,IAAIiF,GAAO;AAAA,YACX,OAAAK;AAAA,YACA,UAAAC;AAAA,YACA,MAAMN,GAAO;AAAA,UAAA,CACd;AAAA,QACH;AAAA,MACF;AAGE,UAAA,CAACG,EAAiB,QAAQ;AAC5B,gBAAQ,KAAK,sDAAsD,GACnEQ,GAAM,KAAK,wBAAwB;AACnC;AAAA,MAAA;AAGI,YAAAf,GAAeO,GAAkB,EAAI;AAAA,IAC7C;AAAA,IACA,CAACP,IAAgB9B,IAAe6B,EAAa;AAAA,EAC/C,GAEMiB,KAAgBlC;AAAA,IACpB,MAAOpB,KAAgBL,IAAegC;AAAA,IACtC,CAAChC,GAAcgC,IAAe3B,EAAa;AAAA,EAC7C,GACMuD,KAAUnC,EAAQ,MAAM;AAC5B,UAAMoC,IAAcC,GAAsB;AAAA,MACxC,SAASH;AAAA,MACT,OAAOpC;AAAA,MACP,eAAAb;AAAA,MACA,SAAAc;AAAA,MACA,cAAAhD;AAAA,MACA,UAAUD;AAAA,MACV,SAAAoB;AAAA,IAAA,CACD;AAED,WAAIhB,IACK;AAAA,MACL;AAAA,QACE,IAAIf;AAAA,QACJ,QAAQ,MAAM;AAAA,QACd,MAAM,MAAM;AAAA;AAAA,QACZ,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,cAAc;AAAA,QACd,eAAe;AAAA;AAAA,MACjB;AAAA,MACA,GAAGiG;AAAA,IACL,IAEKA;AAAA,EAAA,GACN,CAACF,IAAejD,GAAec,GAAShD,GAAcD,GAAiBI,CAAY,CAAC;AAGvF,EAAAoF,GAAU,MAAM;AACR,UAAAC,IAAMJ,GAAQ,IAAI,CAACK,MAAMA,EAAE,EAAG,EAAE,OAAO,OAAO;AACpD,IAAA7E,EAAc4E,CAAG;AAAA,EAAA,GAChB,CAACJ,IAASxE,CAAa,CAAC;AAE3B,QAAM8E,IAAQC,GAAc;AAAA,IAC1B,MAAM7B,KAAkBL,KAAclC;AAAA,IACtC,SAAA6D;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,oBAAoB;AAAA;AAAA,IACpB,UAAU,CAACQ,MAAQA,EAAI;AAAA,IACvB,uBAAuB;AAAA;AAAA,IACvB,YAAY,CAACA,MAAQA,EAAI;AAAA,IACzB,iBAAiB,MAAM;AAAA,IACvB,iBAAiBC,GAAgB;AAAA,IACjC,qBAAqBC,GAAoB;AAAA,IACzC,qBAAqBC,GAAoB;AAAA,IACzC,oBAAoB;AAAA;AAAA,IAEpB,kBAAkB/D;AAAA;AAAA,IAElB,eAAe;AAAA,IACf,mBAAmBgE,GAAkB;AAAA,IACrC,eAAe;AAAA,IACf,eAAe,CAAC9F;AAAA,IAChB,iBAAiBY;AAAA,IACjB,kBAAkB;AAAA,IAClB,uBAAuBC;AAAA,IACvB,sBAAsBC;AAAA,IACtB,0BAA0BC;AAAA,IAC1B,qBAAqBC;AAAA;AAAA,IAErB,WAAA+E;AAAA,IACA,OAAO;AAAA,MACL,UAAAnE;AAAA,MACA,SAAAjB;AAAA,MACA,gBAAgB,MAAM;AACpB,cAAMqF,IAAqB,CAAC;AAC5B,QAAI/F,KACF+F,EAAS,KAAK9G,CAAqB,GAErC8G,EAAS,KAAK/G,CAAuB;AAGrC,cAAMgH,KAAmB1F,EAAc,QAAQ,CAAI,GAAA;AAAA,UACjD,CAAC2F,MAAOA,MAAOhH,KAAyBgH,MAAOjH;AAAA,QACjD;AACS,eAAA+G,EAAA,KAAK,GAAGC,CAAe,GAIzB;AAAA,UACL,MAHqB,CAAC,GAAG,IAAI,IAAID,CAAQ,CAAC;AAAA,UAI1C,OAAOzF,EAAc;AAAA,QACvB;AAAA,MAAA,GACC;AAAA,MACH,cAAAE;AAAA,MACA,kBAAAH;AAAA,MACA,aAAAE;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,aAAAqB;AAAA,MACA,SAAAiB;AAAA,MACA,UAAUe;AAAA,MACV,gBAAgBM;AAAA,MAChB,iBAAApC;AAAA,MACA,eAAeE;AAAA,MACf,WAAW,MAAM,KAAK+B,EAAa;AAAA,IAAA;AAAA,EACrC,CACD,GAIK,EAAE,MAAAmC,EAAA,IAASX,EAAM,YAAY;AAGnC,EAAAH,GAAU,MAAM;AACd,IAAAlC,GAAkB,UAAUgD,EAAK;AAAA,EAAA,GAChC,CAACA,EAAK,MAAM,CAAC,GAGhBd,GAAU,MAAM;AACV,QAAA,CAACc,EAAK,OAAQ;AAClB,UAAMC,IAASD,EAAK,IAAI,CAACT,MAAQA,EAAI,EAAE,GAEjCW,IAAwB,CAAC,GADhBb,EAAM,kBAAkB,EAAE,IAAI,CAACc,MAAQA,EAAI,EAAE,CACpB,EAAE,KAAK,CAACC,GAAGC,MAAM;;AACnD,UAAAvH,MAA4BuH,EAAU,QAAA;AAC1C,YAAMC,MAAOhD,KAAAlD,EAAc,SAAd,QAAAkD,GAAoB,SAAS8C,KAAK,IAAI,GAC7CG,MAAOC,IAAApG,EAAc,SAAd,QAAAoG,EAAoB,SAASH,KAAK,IAAI;AACnD,aAAOC,KAAOC;AAAA,IAAA,CACf;AAED,IAAAtD,GAAagD,GAAQC,CAAqB;AAAA,EAAA,GACzC,CAACF,GAAMX,EAAM,kBAAqB,GAAAjF,GAAetB,GAAyBmE,EAAY,CAAC;AAEpF,QAAAwD,KAAiBpB,EAAM,sBAAsB,GAG7C,EAAE,mBAAAqB,IAAmB,oBAAAC,GAAoB,qBAAAC,EAAA,IAAwBC,GAAwB;AAAA,IAC7F,gBAAAJ;AAAA,IACA,mBAAA3D;AAAA,IACA,eAAA1C;AAAA,IACA,cAAAE;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKyG,KAAiBC,GAAyB1B,GAAO/E,CAAY,GAE7D0G,KAAgBpE,EAAQ,MACrBzB,EAAa,OAAO,CAAC8F,GAA0CC,MAAW;;AAC3E,YAAAV,KAAAlD,IAAA4D,EAAO,SAAP,gBAAA5D,EAAa,SAAb,QAAAkD,EAAmB,WACrBS,EAAIC,EAAO,IAAI,KAAIC,IAAAD,EAAO,SAAP,gBAAAC,EAAa,OAE3BF;AAAA,EACT,GAAG,EAAE,GACJ,CAAC9F,CAAY,CAAC,GAEXiG,KAAcxE,EAAQ,MAAM1B,EAAU,IAAI,CAACqE,MAAQA,EAAI,EAAE,GAAG,CAACrE,CAAS,CAAC,GACvEmG,KAAiBzE,EAAQ,MACzB,CAAC5C,KAAe,CAACF,IAAqB,OACnCoB,EAAU,KAAK,CAACoG,MAAMA,EAAE,OAAOtH,CAAW,GAChD,CAACA,GAAakB,GAAWpB,CAAY,CAAC,GAEnCyH,KAAwDtD;AAAA,IAC5D,CAAC,MAAM;AAIL,UAFA3E,KAAA,QAAAA,EAAW,IAEPC,GAAgB;AAClB,cAAMiI,IAAsB,EAAE;AAC9B,YAAIA,KAAuB,CAAC3F,KAAiB,CAACf,GAAS;AACrD,gBAAM,EAAE,cAAA2G,GAAc,WAAAC,GAAW,cAAAC,EAAiB,IAAAH;AAElD,UAAIC,IAAeC,IAAYC,IAAe,OAAO,CAACtF,KACpD9C,EAAe,CAAC;AAAA,QAClB;AAAA,MACF;AAAA,IAEJ;AAAA,IACA,CAACD,GAAUC,GAAgBsC,GAAef,GAASuB,CAAS;AAAA,EAC9D,GAGM;AAAA,IACJ,oBAAAuF;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,GAAgB;AAAA,IAClB,aAAajG,MAAsBR,KAAe;AAAA,EAAA,CACnD,GAEK0G,KAA6B,CAAChE,MAAwB;AAC1D,IAAAyD,GAAiBzD,CAAS;AACpB,UAAAiE,IAAmBjE,EAAU,CAAC;AAEpC,IAAAzC,GAAe,CAAC2G,MACV,OAAOA,KAAiB,YACtBA,KAGG,EAAE,CAACD,CAAgB,GAAG,GAAK,IAGhCC,EAAaD,CAAgB,IACxBC,IAGF;AAAA,MACL,GAAGA;AAAA,MACH,CAACD,CAAgB,GAAG;AAAA,IACtB,CACD;AAAA,EACH,GAEME,KACJC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAArH;AAAA,MACA,aAAa,EAAE,GAAGuB,GAAS,GAAGqE,GAAc;AAAA,MAC5C,gBAAgBrD;AAAA,MAChB,gBAAA8C;AAAA,MAEA,UAAA;AAAA,QAAAiC,gBAAAA,EAAAA,IAACC,IAAA,EAAqB,GAAGzI,GACvB,UAAAwI,gBAAAA,EAAA;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,KAAK9F;AAAA,YACL,OAAO,EAAE,QAAQ,QAAQ,SAAS,EAAE;AAAA,YACpC,UAAUyE;AAAA,YACT,GAAGtH,KAAA,gBAAAA,EAAI;AAAA,YACR,WAAW4I;AAAA,cACT;AAAA,cACA;AAAA,gBACE,UAAUxD,EAAM,SAAS,EAAE,iBAAiB;AAAA,cAC9C;AAAA,eACA/B,KAAArD,KAAA,gBAAAA,EAAI,cAAJ,gBAAAqD,GAAe;AAAA,YACjB;AAAA,YAEA,UAAAkF,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO;AAAA,kBACL,SAAS;AAAA,kBACT,gBAAgB;AAAA,kBAChB,YAAY;AAAA,kBACZ,GAAG1B;AAAA,kBACH,OAAOzB,EAAM,aAAa;AAAA,kBAC1B,QAAQA,EAAM,SAAA,EAAW,iBAAiB,mBAAmB,eAAe;AAAA,gBAC9E;AAAA,gBAEA,UAAA;AAAA,kBAAAqD,gBAAAA,EAAA;AAAA,oBAACI;AAAA,oBAAA;AAAA,sBACC,mBAAApC;AAAA,sBACA,OAAArB;AAAA,sBACA,oBAAAsB;AAAA,sBACA,qBAAAC;AAAA,sBACA,WAAAvE;AAAA,sBACA,iBAAAqB;AAAA,sBACA,cAAA5D;AAAA,sBACC,GAAGG,KAAA,gBAAAA,EAAI;AAAA,oBAAA;AAAA,kBACV;AAAA,kBACAyI,gBAAAA,EAAA;AAAA,oBAACK;AAAA,oBAAA;AAAA,sBACC,mBAAArC;AAAA,sBACA,OAAArB;AAAA,sBACA,mBAAAvC;AAAA,sBACA,oBAAA6D;AAAA,sBACA,qBAAAC;AAAA,sBACA,eAAA/E;AAAA,sBACA,SAASV;AAAA,sBACT,WAAA3B;AAAA,sBACA,aAAA4H;AAAA,sBACA,cAAAtH;AAAA,sBACA,OAAAyB;AAAA,sBACA,YAAAP;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,GAEJ;AAAA,QAEC4G,MACClG,MACAqG,KAAA,gBAAAA,EAAgB,aAChBA,EAAe,SAAS,SAAS,KAC/BW,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,aAAAtH;AAAA,YACA,YAAW;AAAA,YACX,UAAU0G;AAAA,YACV,SAASN;AAAA,YACT,gBAAgBC,EAAe,SAAS;AAAA,cACtC,CAAC7D,MAA2BA,EAAO,eAAe;AAAA,YACpD;AAAA,YACA,cAAc8D;AAAA,YACd,aAAaC,GAAqB;AAAA,YAClC,oBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEN,GAIIe,KACJnJ,KACAE,KACAkJ;AAAA,IACGR,gBAAAA,EAAA,IAAAS,IAAA,EAAY,eAAe,MACzB,gBACI,MAAM;AACC,YAAAC,IAAqB/D,EAAM,YAAA,EAAc,KAAK,KAAK,CAACiC,MAAMA,EAAE,OAAOtH,CAAW;AAChF,UAAA,CAACoJ,EAA2B,QAAA;AAE1B,YAAAC,IAAahE,EAAM,aAAa;AAGpC,aAAAqD,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,OAAOW;AAAA,YACP,gBAAgB;AAAA,YAChB,iBAAiB;AAAA,YACjB,WAAW;AAAA,YACX,GAAGvC;AAAA,UACL;AAAA,UAEA,UAAC4B,gBAAAA,EAAAA,IAAA,SAAA,EACC,UAACF,gBAAAA,EAAA,KAAAc,IAAA,EAAU,OAAO,EAAE,SAAS,QAAQ,YAAY,OAAA,GAC9C,UAAA;AAAA,YACC3C,IAAA+B,gBAAAA,EAAA,IAAC,QAAG,OAAO,EAAE,SAAS,QAAQ,OAAO/B,EAAmB,EAAA,CAAG,IACzD;AAAA,YACHD,GAAkB,gBAAA,EAAkB,IAAI,CAAC6C,MAAO;AAC/C,oBAAMC,IAAOJ,EAAmB,gBAAgB,EAAEG,EAAG,KAAK;AACtD,kBAAA,CAACC,EAAa,QAAA;AAElB,oBAAMC,IAA+B;AAAA,gBACnC,GAAG/K,GAAuB8K,EAAK,MAAM;AAAA,gBACrC,OAAOxK,GAAeoK,EAAmB,IAAII,EAAK,OAAO,EAAE;AAAA,gBAC3D,SAAS;AAAA,gBACT,YAAY;AAAA,gBACZ,QAAQ;AAAA,cACV;AAEI,qBAAAA,EAAK,OAAO,OAAOzK,IAEnByJ,gBAAAA,EAAA;AAAA,gBAACkB;AAAAA,gBAAA;AAAA,kBAEC,OAAO,EAAE,GAAGD,GAAe,gBAAgB,SAAS;AAAA,kBACpD,WAAWZ,EAAKW,EAAK,OAAO,EAAE;AAAA,kBAE9B,UAAA;AAAA,oBAACd,gBAAAA,EAAAA,IAAAiB,IAAA,EAAK,MAAK,cAAc,CAAA;AAAA,oBAAE;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAJtB,gBAAgBH,EAAK,EAAE;AAAA,cAK9B,IAIFd,gBAAAA,EAAA;AAAA,gBAACkB;AAAA,gBAAA;AAAA,kBACC,MAAAJ;AAAA,kBACA,QAAQ,WAAWK,GAAUT,EAAmB,IAAII,EAAK,OAAO,EAAE,CAAC;AAAA,kBACnE,OAAOJ,EAAmB;AAAA,kBAE1B,eAAAvH;AAAA,gBAAA;AAAA,gBADK,gBAAgB2H,EAAK,EAAE;AAAA,cAE9B;AAAA,YAAA,CAEH;AAAA,YACA5C,IACE8B,gBAAAA,EAAA,IAAA,MAAA,EAAG,OAAO,EAAE,SAAS,QAAQ,OAAO9B,EAAoB,EAAA,CAAG,IAC1D;AAAA,UAAA,EAAA,CACN,EACF,CAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,OAGJ,KACN,CAAA;AAAA,IACA,SAAS;AAAA,EACX;AAEF,SAAI9G,IAGG0I,gBAAAA,EAAA,KAAAsB,YAAA,EAAA,UAAA;AAAA,IAAAvB;AAAA,IACAU;AAAA,EAAA,GACH,IAGKV;AAEX,GAYMO,KAAY,CAAC;AAAA,EACjB,mBAAApC;AAAA,EACA,OAAArB;AAAA,EACA,oBAAAsB;AAAA,EACA,qBAAAC;AAAA,EACA,WAAAvE;AAAA,EACA,iBAAAqB;AAAA,EACA,cAAA5D;AAAA,EACA,GAAGI;AACL,MAEIwI,gBAAAA,MAACqB,IAAA,EAAoB,GAAG7J,GACrB,UAAAmF,EAAM,gBAAgB,EAAE,IAAI,CAAC2E,MAC5BtB,gBAAAA,EAAA;AAAA,EAACuB;AAAA,EAAA;AAAA,IAEC,mBAAAvD;AAAA,IACA,aAAAsD;AAAA,IACA,oBAAArD;AAAA,IACA,qBAAAC;AAAA,IACA,WAAAvE;AAAA,IACA,iBAAAqB;AAAA,IACA,cAAA5D;AAAA,EAAA;AAAA,EAPKkK,EAAY;AASpB,CAAA,GACH,GAcEC,KAAe,CAAC;AAAA,EACpB,mBAAAvD;AAAA,EACA,aAAAsD;AAAA,EACA,oBAAArD;AAAA,EACA,qBAAAC;AAAA,EACA,WAAAvE;AAAA,EACA,iBAAAqB;AAAA,EACA,cAAA5D;AACF,MAAyB;AACjB,QAAAoK,IAAiBxD,EAAkB,gBAAgB;AAEvD,SAAA8B,gBAAAA,EAAAA,KAAC2B,IAAA,EAAyC,OAAO,EAAE,SAAS,OACzD,GAAA,UAAA;AAAA,IAAAxD;AAAA;AAAA,MAEC+B,gBAAAA,MAAC,QAAG,OAAO,EAAE,SAAS,QAAQ,OAAO/B,IAAsB,CAAA;AAAA,QACzD;AAAA,IACHuD,EAAe,IAAI,CAACE,MAAkB;AACrC,YAAMC,IAASL,EAAY,QAAQI,EAAc,KAAK;AAGpD,aAAA1B,gBAAAA,EAAA;AAAA,QAAC4B;AAAA,QAAA;AAAA,UAEC,QAAAD;AAAA,UACA,WAAAhI;AAAA,UACA,YAAYqB,KAAA,gBAAAA,EAAiB,SAAS2G,EAAO;AAAA,UAC7C,SAASA,EAAO,OAAO,WAAW;AAAA,UAClC,WAAWA,EAAO,OAAO,aAAa;AAAA,UACtC,SAASA,EAAO,OAAO,WAAW;AAAA,UAClC,QAAQA,EAAO,OAAO,UAAU;AAAA,UAChC,WAAWA,EAAO,OAAO,aAAa;AAAA,UACtC,cAAAvK;AAAA,QAAA;AAAA,QATKuK,EAAO;AAAA,MAUd;AAAA,IAAA,CAEH;AAAA,IACAzD;AAAA;AAAA,MAEC8B,gBAAAA,MAAC,QAAG,OAAO,EAAE,SAAS,QAAQ,OAAO9B,IAAuB,CAAA;AAAA,QAC1D;AAAA,EAAA,EAAA,GA1BoBoD,EAAY,EA2BtC;AAEJ,GAcMM,KAAgB,CAAC;AAAA,EACrB,QAAAD;AAAA,EACA,WAAAhI;AAAA,EACA,WAAAkI;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAA9K;AACF,MAA0B;AAClB,QAAA,EAAE,QAAAnB,MAAW0L,GACb7J,IAAU7B,EAAO,YAAY,GAC7BkM,IAAS,sBAAsBlM,EAAO,EAAE,IACxC,EAAE,UAAAmM,EAAS,IAAIC,GAAe,GAC9BC,IAASF,MAAaD;AAG1B,SAAAnC,gBAAAA,EAAA;AAAA,IAACuC;AAAAA,IAAA;AAAA,MACC,WAAWpC,EAAKwB,EAAO,IAAI,gBAAgB;AAAA,QACzC,SAAShI;AAAA,QACT,oBAAoB1D,EAAO,kBAAkB,UAAUA,EAAO,gBAAgB,MAAM;AAAA,QACpF,UAAUA,EAAO,cAAc;AAAA,MAAA,CAChC;AAAA,MAED,OAAO;AAAA,QACL,GAAGD,GAAuBC,CAAM;AAAA,QAChC,OAAOK,GAAe,IAAIL,EAAO,EAAE;AAAA,MACrC;AAAA,MAEC,UAAA0L,EAAO,gBAAgB,OACrB7B,gBAAAA,EAAAA,KAAA0C,IAAA,EAAwB,WAAWrC,EAAK,QAAQ,QAAQ,GACtD,UAAA;AAAA,QAAAsC,GAAWxM,EAAO,UAAU,QAAQ0L,EAAO,YAAY;AAAA,QACvDO,KACElC,gBAAAA,EAAA,IAAAiB,IAAA,EAAK,MAAK,QAAO,gBAAc,iDAAiD;AAAA,+BAGlFyB,IAAA,EAAqB,WAAU,WAAU,SAASJ,GAC/C,UAAA;AAAA,WAAAR,KAAWE,KAAUD,MACrB/B,gBAAAA,EAAA;AAAA,YAAC2C;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,QAAAhB;AAAA,cACA,SAAAG;AAAA,cACA,QAAAE;AAAA,cACA,SAAAD;AAAA,cACA,YAAY9L,EAAO,cAAc;AAAA,cACjC,QAAAkM;AAAA,cACA,QAAAG;AAAA,YAAA;AAAA,UACF;AAAA,UAIDP,KACC/B,gBAAAA,EAAA;AAAA,YAAC4C;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAWzC,EAAK,eAAe,EAAE,SAASrI,GAAS;AAAA,cACnD,OAAO;AAAA,gBACL,WAAWA,MAAY,QAAQ,8BAA8B;AAAA,cAC/D;AAAA,cACA,SAAS7B,EAAO,wBAAwB;AAAA,cACxC,UAAU,CAAC,CAACA,EAAO,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACjC,GAEJ;AAAA,QACCgM,KACCjC,gBAAAA,EAAA;AAAA,UAAC6C;AAAAA,UAAA;AAAA,YAEG,eAAe,MAAM5M,EAAO,UAAU;AAAA,YACtC,aAAa0L,EAAO,iBAAiB;AAAA,YACrC,cAAcA,EAAO,iBAAiB;AAAA,YACtC,WAAWxB,EAAK,iBAAiB;AAAA,cAC/B,UAAUlK,EAAO,cAAc;AAAA,YAChC,CAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF,EAEJ,CAAA;AAAA,IAAA;AAAA,IApDG0L,EAAO;AAAA,EAsDd;AAEJ,GAiBMtB,KAAY,CAAC;AAAA,EACjB,mBAAArC;AAAA,EACA,OAAArB;AAAA,EACA,mBAAAvC;AAAA,EACA,eAAAjB;AAAA,EACA,oBAAA8E;AAAA,EACA,qBAAAC;AAAA,EACA,SAAA4E;AAAA,EACA,WAAAhM;AAAA,EACA,aAAA4H;AAAA,EACA,cAAAtH;AAAA,EACA,OAAAyB;AAAA,EACA,YAAAP;AACF,MAAsB;AACd,QAAAyK,IAAe7I,EAAQ,MACRyC,EAAM,cAAc,EAEpC,IAAI,CAACc,MAAQ;AACZ,UAAMuF,IAAWvF,EAAI,IACfkE,IAASlE,EAAI,UAAU;AAC7B,WAAI,OAAOkE,KAAW,YAAY,OAAOA,KAAW,WAC3C,EAAE,OAAOA,GAAQ,IAAIqB,EAAS,IAEhC;AAAA,EAAA,CACR,EACA,OAAO,OAAO,GAGhB,CAACrG,EAAM,cAAA,CAAe,CAAC,GAIpBsG,IAFsBC,GAAmB,EAAE,SAAAJ,GAAS,WAAAhM,GAAW,cAAAiM,GAAc,EAE5B,4BAEjD,EAAE,qBAAAI,EAAoB,IAAIC,GAAuB,GAEjD,EAAE,MAAA9F,EAAA,IAASX,EAAM,YAAY,GAE7B0G,IAAiBC,GAAoD;AAAA,IACzE,OAAOhG,EAAK;AAAA,IACZ,cAAc,MAAM;AAAA;AAAA,IACpB,kBAAkB,MAAMlD,EAAkB;AAAA;AAAA,IAE1C,gBACE,OAAO,SAAW,OAAe,UAAU,UAAU,QAAQ,SAAS,MAAM,KACxE,CAACmJ,MAAYA,KAAA,gBAAAA,EAAS,wBAAwB,SAC9C;AAAA,IACN,UAAU;AAAA,EAAA,CACX,GAEKC,IAAcH,EAAe,gBAAgB,GAG7CI,IAAoBlI;AAAA,IACxB,CAACmI,MAAqC;AACpC,MAAIA,KACFL,EAAe,eAAeK,CAAI;AAAA,IAEtC;AAAA,IACA,CAACL,CAAc;AAAA,EACjB;AAEsB,EAAAM,GAAA;AAEtB,QAAMC,IACJ5D,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAQ,GAAGqD,EAAe,aAAA,CAAc;AAAA,QACxC,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MACA,eAAeJ;AAAA,MACf,aAAa,CAACY,MAAM;AAClB,QAAAV,EAAoBU,CAAC;AAAA,MACvB;AAAA,MAEC,UAAYL,EAAA,IAAI,CAACM,GAAYC,MAAM;AAC5B,cAAAlH,IAAMS,EAAKwG,EAAW,KAAK;AAEjC,eAAKjH,IAKHmD,gBAAAA,EAAA;AAAA,UAACgE;AAAA,UAAA;AAAA,YAEC,KAAAnH;AAAA,YACA,eAAA1D;AAAA,YACA,cAAc0D,EAAI,gBAAgB;AAAA,YAClC,gBAAgBmB,EAAkB,gBAAgB;AAAA,YAClD,aAAaC;AAAA,YACb,cAAcC;AAAA,YACd,QAAQuF;AAAA,YACR,WAAWK,EAAW;AAAA,YACtB,WAAWA,EAAW;AAAA,YACtB,cAAA1M;AAAA,YACA,YAAAkB;AAAA,UAAA;AAAA,UAXKuE,EAAI,KAAKkH,EAAE,SAAS;AAAA,QAY3B,KAjBQ,QAAA,KAAK,6CAA6CD,EAAW,KAAK,GACnE;AAAA,MAkBV,CAAA;AAAA,IAAA;AAAA,EACH;AAGF,SAAIjL,IAEAuB,EAAkB,WAClBoG;AAAA,IACGR,gBAAAA,EAAAA,IAAAiE,IAAA,EAAiB,SAAQ,kBAAiB,OAAApL,EAAc,CAAA;AAAA,IACzDuB,EAAkB;AAAA,EACpB,IAIAhD,0BAEC8M,IAAgB,EAAA,OAAOxF,GAAa,UAAUyF,IAC5C,UACHP,GAAA,IAGKA;AAEX,GAgBMI,KAAe,CAAC;AAAA,EACpB,KAAAnH;AAAA,EACA,eAAA1D;AAAA,EACA,cAAAiL;AAAA,EACA,gBAAA5C;AAAA,EACA,aAAA6C;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAArN;AAAA,EACA,YAAAkB,IAAa;AACf,MAAyB;AACjB,QAAAoM,IAAWtN,IAAeuN,GAAY,EAAE,IAAI9H,EAAI,GAAI,CAAA,IAAI,MAExD+H,IAAcrJ;AAAA,IAClB,CAACmI,MAAqC;AACpC,MAAIgB,KACFA,EAAS,WAAWhB,CAAI,GAIpBgB,KAAYA,EAAS,cACzBH,EAAOb,CAAI;AAAA,IAEf;AAAA,IACA,CAACgB,GAAUH,CAAM;AAAA,EACnB,GAGMM,IAAuB;AAAA,IAC3B,UAAU;AAAA;AAAA,IACV,KAAKJ;AAAA;AAAA,IACL,MAAM;AAAA;AAAA,IACN,OAAO;AAAA;AAAA,IACP,QAAQ;AAAA;AAAA,IACR,QAAQC,KAAYA,EAAS,aAAa,IAAI;AAAA;AAAA,IAC9C,SAAS;AAAA;AAAA,IACT,WACEA,KAAYA,EAAS,YAAYI,GAAI,UAAU,SAASJ,EAAS,SAAS,IAAI;AAAA;AAAA,IAChF,YAAYA,KAAYA,EAAS,aAAaA,EAAS,aAAa;AAAA,IACpE,YAAYA,KAAYA,EAAS,aAAa,WAAW;AAAA;AAAA,EAC3D;AAGE,SAAA5E,gBAAAA,EAAA;AAAA,IAACc;AAAAA,IAAA;AAAA,MACC,KAAKgE;AAAA,MACL,cAAYJ;AAAA,MACZ,OAAAK;AAAA,MACA,WAAW1E,EAAK,EAAE,aAAatD,EAAI,SAAS,OAAO;AAAA,MAElD,UAAA;AAAA,QAAAwH;AAAA;AAAA,UAECrE,gBAAAA,MAAC,QAAG,OAAO,EAAE,SAAS,QAAQ,OAAOqE,IAAe,CAAA;AAAA,YAClD;AAAA,QACH7C,EAAe,IAAI,CAACX,GAAIkD,MAAM;AACvB,gBAAAjD,IAAOsD,EAAavD,EAAG,KAAK;AAC9B,cAAA,CAACC,EAAa,QAAA;AAElB,gBAAM9E,IAASmF,GAAUtE,EAAI,IAAIiE,EAAK,OAAO,EAAE;AAE3C,iBAAAA,EAAK,OAAO,OAAOzK,IAEnB2J,gBAAAA,EAAA;AAAA,YAACgB;AAAAA,YAAA;AAAA,cAEC,OAAO;AAAA,gBACL,GAAGhL,GAAuB8K,EAAK,MAAM;AAAA,gBACrC,OAAOxK,GAAeuG,EAAI,IAAIiE,EAAK,OAAO,EAAE;AAAA,gBAC5C,SAAS;AAAA,gBACT,YAAY;AAAA,gBACZ,gBAAgB;AAAA,gBAChB,QAAQ;AAAA,gBACR,eAAe;AAAA,gBACf,QAAQ;AAAA,cACV;AAAA,cACA,WAAWX,EAAKW,EAAK,OAAO,IAAI;AAAA,gBAC9B,oBACEA,EAAK,OAAO,YAAA,MAAkB,UAAUA,EAAK,OAAO,gBAAgB,MAAM;AAAA,cAAA,CAC7E;AAAA,cACD,aAAa,CAAC+C,MAAMA,EAAE,gBAAgB;AAAA,cACtC,aAAa,CAACA,MAAMA,EAAE,gBAAgB;AAAA,cAEtC,eAAe,CAACA,MAAMA,EAAE,gBAAgB;AAAA,cACxC,eAAe,CAACA,MAAM;AACpB,gBAAAA,EAAE,eAAe,GACjBA,EAAE,gBAAgB;AAAA,cACpB;AAAA,cAEA,UAAA7D,gBAAAA,EAAA;AAAA,gBAAC+E;AAAA,gBAAA;AAAA,kBACC,YAAYL,KAAA,gBAAAA,EAAU;AAAA,kBACtB,WAAWA,KAAA,gBAAAA,EAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YACvB;AAAA,YA3BK5D,EAAK,KAAKiD,EAAE,SAAS;AAAA,UA4B5B,IAIF/D,gBAAAA,EAAA;AAAA,YAACkB;AAAA,YAAA;AAAA,cACC,MAAAJ;AAAA,cACA,QAAA9E;AAAA,cACA,OAAOa,EAAI;AAAA,cAEX,eAAA1D;AAAA,cACA,cAAA/B;AAAA,YAAA;AAAA,YAFK0J,EAAK,KAAKiD,EAAE,SAAS;AAAA,UAG5B;AAAA,QAAA,CAEH;AAAA,QAEAO;AAAA;AAAA,UAECtE,gBAAAA,MAAC,QAAG,OAAO,EAAE,SAAS,QAAQ,OAAOsE,IAAgB,CAAA;AAAA,YACnD;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AAEJ,GAWMU,KAAY,CAAC;AAAA,EACjB,MAAAlE;AAAA,EACA,OAAAvK;AAAA,EACA,QAAAyF;AAAA,EACA,WAAAiJ;AAAA,EACA,eAAA9L;AAAA,EACA,cAAA/B;AAAA,EACA,GAAGI;AACL,MAAsB;AACpB,QAAM,EAAE,eAAA8B,GAAe,cAAA4L,EAAa,IAAI3L,GAAuB,GAEzD;AAAA,IACJ,gBAAA4L;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAxK;AAAA,MACEX,GAAyB,GAEvB,EAAE,eAAAoL,EAAc,IAAIC,GAAuB,GAE3C,EAAE,WAAAC,GAAW,kBAAAC,EAAiB,IAAI1K,GAAe,GAEjD2K,IAAgBN,EAAqB1J,CAAM,GAG3CiK,IADWnF,EAAK,OAAO,YAAY,MACG,UAAUA,EAAK,OAAO,gBAAgB,MAAM,GAClFoF,IAAuBpF,EAAK,OAAO,OAAO1K,GAC1C+P,IAAUrF,EAAK,IAAI,SAAS,eAAe,SAC3CsF,KAAqBjL,EAAc,OAAO;AAG9C,SAAA6E,gBAAAA,EAAA;AAAA,IAACgB;AAAAA,IAAA;AAAA,MACE,GAAGxJ;AAAA,MACJ,UAAU;AAAA,MACV,eAAeyO;AAAA,MACf,WAAW9F;AAAA,QACTW,EAAK,OAAO;AAAA,QACZ;AAAA,UACE,UAAUqE,EAAenJ,CAAM;AAAA,UAC/B,SAASoJ,EAAcpJ,CAAM;AAAA,UAC7B,SAAS8J,EAAU9J,CAAM;AAAA,UACzB,oBAAoBiK;AAAA,UACpB,gBAAgBL,EAAcrP,CAAK;AAAA,UACnC,MAAMuK,EAAK,IAAI,SAAS,eAAe;AAAA,UACvC,qBAAqBsF;AAAA,QACvB;AAAA,QACAnB;AAAA,QACA,GAAGe;AAAA,MACL;AAAA,MACA,OAAO;AAAA,QACL,GAAGhQ,GAAuB8K,EAAK,MAAM;AAAA,QACrC,OAAOxK,GAAewK,EAAK,IAAI,IAAIA,EAAK,OAAO,EAAE;AAAA,QACjD,QAAQ;AAAA,MACV;AAAA,MACA,aAAa,CAAC+C,MAAM;AAEd,YAAAA,EAAE,WAAW,EAAG;AAEpB,cAAMwC,IAASxC,EAAE;AAGb,YAAAwC,EAAO,QAAQ,WAAW,EAAG;AAGjC,YAAIA,EAAO,QAAQ,MAAMC,EAAkB,GAAG;AACxC,UAACnB,EAAenJ,CAAM,MAEbwJ,EAAAxJ,GAAQ,IAAO,EAAK,GAC/ByJ,EAAUzJ,CAAM,IAGlB+J,EAAiB/J,CAAM;AAEvB;AAAA,QAAA;AAIE,YAAAqK,EAAO,QAAQ,UAAU,EAAG;AAGhC,YAAIF,KAAWrF,EAAK,OAAO,OAAO,eAAe6E,EAAe;AAEhE,cAAMY,IAAW1C,EAAE,WAAWA,EAAE,WAAWqC;AAC3C,QAAIrC,EAAE,WAEO2B,EAAAxJ,GAAQuK,GAAU,EAAI,IAGjClB,EAAerJ,GAAQuK,CAAQ;AAAA,MAEnC;AAAA,MACA,aAAa,CAAC1C,MAAM;AACd,QAAAA,EAAE,YAAY,KAEhByB,EAAgBtJ,GAAQkK,CAAoB;AAAA,MAEhD;AAAA,MACA,WAAW,MAAM;AACf,QAAAX,EAAavJ,CAAM;AAAA,MACrB;AAAA,MACA,eAAe,CAAC6H,MAAM;AAGlB,YAAA/C,EAAK,OAAO,OAAO,UACnB,CAAE+C,EAAE,OAAuB,QAAQ,WAAW,KAC9C,CAACsC,GACD;AAEA,gBAAMK,IAAqBrF,GAAUL,EAAK,IAAI,IAAI1K,CAAuB;AACrE,cAAA,CAAC+O,EAAeqB,CAAkB,GAAG;AACjC,kBAAAD,IAAW1C,EAAE,WAAWA,EAAE;AACrB,YAAA2B,EAAAgB,GAAoBD,GAAU,EAAK;AAAA,UAAA;AAAA,QAChD;AAGE,YAAAzF,EAAK,OAAO,OAAO,eACjBoE,GAAc;AACV,gBAAA1J,IAASlC,EAAcwH,EAAK,IAAI,SAAS,YAAYA,EAAK,IAAI,EAAE;AACtE,cAAItF,GAAQ;AACJ,kBAAAiL,IAAYC,GAAoBlL,CAAM;AAC5C,YAAA0J,EAAauB,GAAW,EAAE,WAAW,GAAA,CAAM;AAAA,UAAA;AAAA,QAC7C;AAAA,MAGN;AAAA,MACA,eAAe,CAAC5C,MAAM;AACpB,QAAAA,EAAE,eAAe,GAEZsB,EAAenJ,CAAM,KACbwJ,EAAAxJ,GAAQ,IAAO,EAAK;AAAA,MAEnC;AAAA,MAEC,aAAW8E,EAAK,OAAO,UAAU,MAAMA,EAAK,WAAY,CAAA;AAAA,IAAA;AAAA,EAC3D;AAEJ,GAEMI,KAAgByF,GAAK3B,EAAS;"}
|
|
1
|
+
{"version":3,"file":"ProjectTreeTable.es.js","sources":["../../../../../src/containers/ProjectTreeTable/ProjectTreeTable.tsx"],"sourcesContent":["import { useMemo, useRef, useEffect, memo, CSSProperties, useCallback, UIEventHandler } from 'react' // Added useCallback\nimport { useVirtualizer, VirtualItem, Virtualizer } from '@tanstack/react-virtual'\n// TanStack Table imports\nimport {\n useReactTable,\n getCoreRowModel,\n getFilteredRowModel,\n getExpandedRowModel,\n filterFns,\n flexRender,\n Row,\n getSortedRowModel,\n Cell,\n Column,\n Table,\n Header,\n HeaderGroup,\n RowData,\n ExpandedState,\n} from '@tanstack/react-table'\n\n// Utility imports\nimport clsx from 'clsx'\n\n// Type imports\nimport type { TableRow } from './types/table'\n\n// Component imports\nimport buildTreeTableColumns, {\n DefaultColumns,\n TreeTableExtraColumn,\n} from './buildTreeTableColumns'\nimport * as Styled from './ProjectTreeTable.styled'\nimport { RowDragHandleCellContent, ColumnHeaderMenu } from './components'\nimport EmptyPlaceholder from '../../components/EmptyPlaceholder'\nimport HeaderActionButton from './components/HeaderActionButton'\n\n// Context imports\nimport { useCellEditing } from './context/CellEditingContext'\nimport { ROW_SELECTION_COLUMN_ID, useSelectionCellsContext } from './context/SelectionCellsContext'\nimport { ClipboardProvider } from './context/ClipboardContext'\nimport { useSelectedRowsContext } from './context/SelectedRowsContext'\nimport { useColumnSettingsContext } from './context/ColumnSettingsContext'\nimport { useMenuContext } from '../../context/MenuContext'\n\n// Hook imports\nimport useCustomColumnWidthVars from './hooks/useCustomColumnWidthVars'\nimport usePrefetchFolderTasks from './hooks/usePrefetchFolderTasks'\nimport useCellContextMenu, { HeaderLabel } from './hooks/useCellContextMenu'\nimport useColumnVirtualization from './hooks/useColumnVirtualization'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport useDynamicRowHeight from './hooks/useDynamicRowHeight'\n\n// EntityPickerDialog import\nimport { EntityPickerDialog } from '../EntityPickerDialog/EntityPickerDialog'\n// Move entity hook\nimport { useMoveEntities } from './hooks/useMoveEntities'\nimport { useProjectDataContext } from '@shared/containers'\n\n// Utility function imports\nimport { getCellId, parseCellId } from './utils/cellUtils'\nimport { generateLoadingRows, generateDummyAttributes } from './utils/loadingUtils'\nimport { createPortal } from 'react-dom'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { AttributeEnumItem, ProjectTableAttribute, BuiltInFieldOptions } from './types'\nimport { ToggleExpandAll, useProjectTableContext } from './context/ProjectTableContext'\nimport { getEntityViewierIds, getReadOnlyLists, getTableFieldOptions } from './utils'\nimport { EntityUpdate } from './hooks/useUpdateTableData'\n\n// dnd-kit imports\nimport {\n DragOverlay,\n type UniqueIdentifier,\n // Removed: DndContext, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, DragEndEvent, DragStartEvent, Active, Over, useSensor, useSensors\n} from '@dnd-kit/core'\n// import { restrictToVerticalAxis } from '@dnd-kit/modifiers'\nimport { SortableContext, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { EDIT_TRIGGER_CLASS } from './widgets/CellWidget'\nimport { toast } from 'react-toastify'\nimport { EntityMoveData } from '@shared/context/MoveEntityContext'\nimport { useSelector } from 'react-redux'\n\ntype CellUpdate = (\n entity: Omit<EntityUpdate, 'id'>,\n config?: { selection?: string[] },\n) => Promise<void>\n\ndeclare module '@tanstack/react-table' {\n interface TableMeta<TData extends RowData> {\n options?: BuiltInFieldOptions\n readOnly?: ProjectTreeTableProps['readOnly']\n projectName?: string\n updateEntities?: CellUpdate\n toggleExpandAll?: ToggleExpandAll\n selection?: string[]\n }\n}\n\n//These are the important styles to make sticky column pinning work!\n//Apply styles like this using your CSS strategy of choice with this kind of logic to head cells, data cells, footer cells, etc.\n//View the index.css file for more needed styles such as border-collapse: separate\nconst getCommonPinningStyles = (column: Column<TableRow, unknown>): CSSProperties => {\n const isPinned = column.getIsPinned()\n const offset =\n column.id !== ROW_SELECTION_COLUMN_ID && column.id !== DRAG_HANDLE_COLUMN_ID ? -30 : 0\n\n return {\n left: isPinned === 'left' ? `${column.getStart('left') + offset}px` : undefined, // Removed offset\n right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,\n position: isPinned ? 'sticky' : 'relative',\n width: column.getSize(),\n zIndex: isPinned ? 100 : 0,\n }\n}\n\nconst getColumnWidth = (rowId: string, columnId: string) => {\n return `calc(var(--col-${columnId}-size) * 1px)`\n}\n// test\n\nexport const DRAG_HANDLE_COLUMN_ID = 'drag-handle'\n\nexport interface ProjectTreeTableProps extends React.HTMLAttributes<HTMLDivElement> {\n scope: string\n sliceId: string\n onScrollBottom?: React.HTMLAttributes<HTMLDivElement>['onScroll']\n onOpenNew?: (type: 'folder' | 'task') => void\n readOnly?: (DefaultColumns | string)[]\n excludedColumns?: (DefaultColumns | string)[]\n extraColumns?: TreeTableExtraColumn[]\n isLoading?: boolean\n clientSorting?: boolean\n sortableRows?: boolean\n onRowReorder?: (active: UniqueIdentifier, over: UniqueIdentifier | null) => void // Adjusted type for active/over if needed, or keep as Active, Over\n dndActiveId?: UniqueIdentifier | null // Added prop\n pt?: {\n container?: React.HTMLAttributes<HTMLDivElement>\n head?: Partial<TableHeadProps>\n }\n}\n\nexport const ProjectTreeTable = ({\n scope,\n sliceId,\n onScroll,\n onScrollBottom, // when the user scrolls to the bottom of the table, this callback is called\n onOpenNew,\n readOnly,\n excludedColumns,\n extraColumns,\n isLoading: isLoadingProp,\n clientSorting = false,\n sortableRows = false,\n onRowReorder,\n dndActiveId, // Destructure new prop\n pt,\n ...props\n}: ProjectTreeTableProps) => {\n const {\n columnVisibility,\n columnPinning,\n columnOrder,\n columnSizing,\n setAllColumns,\n sorting,\n sortingOnChange,\n columnPinningOnChange,\n columnSizingOnChange,\n columnVisibilityOnChange,\n columnOrderOnChange,\n groupBy,\n } = useColumnSettingsContext()\n const isGrouping = !!groupBy\n\n const {\n projectInfo,\n tableData,\n attribFields,\n entitiesMap,\n users,\n isLoading: isLoadingData,\n error,\n isInitialized,\n expanded,\n projectName,\n updateExpanded,\n toggleExpandAll,\n showHierarchy,\n fetchNextPage,\n scopes,\n getEntityById,\n } = useProjectTableContext()\n\n const { projectName: contextProjectName, writableFields } = useProjectDataContext()\n\n const isLoading = isLoadingProp || isLoadingData\n\n const {\n statuses = [],\n folderTypes = [],\n taskTypes = [],\n tags = [],\n linkTypes = [],\n } = projectInfo || {}\n const options: BuiltInFieldOptions = useMemo(\n () =>\n getTableFieldOptions({\n users,\n statuses,\n folderTypes,\n taskTypes,\n tags,\n scopes,\n }),\n [users, statuses, folderTypes, taskTypes, scopes, tags],\n )\n\n //The virtualizer needs to know the scrollable container element\n const tableContainerRef = useRef<HTMLDivElement>(null)\n // reference of how many rows are currently rendered in the table\n const tableRowsCountRef = useRef(0)\n\n // Selection context\n const { registerGrid } = useSelectionCellsContext()\n\n // generate loading attrib and rows\n const { loadingAttrib, loadingRows } = useMemo(() => {\n // count the number of children in tbody\n const tableRowsCount = tableContainerRef.current?.querySelectorAll('tbody tr').length || 0\n const loadingAttrib = generateDummyAttributes()\n const loadingRows = generateLoadingRows(\n attribFields,\n showHierarchy && tableData.length > 0\n ? Math.min(tableRowsCount, 50)\n : groupBy\n ? Math.max(tableRowsCountRef.current, 50)\n : 50,\n )\n\n return { loadingAttrib, loadingRows }\n }, [])\n\n const showLoadingRows = !isInitialized || isLoading\n\n // Format readonly columns and attributes\n const { readOnlyColumns, readOnlyAttribs } = useMemo(\n () => getReadOnlyLists(attribFields, writableFields, readOnly),\n [attribFields, writableFields, readOnly],\n )\n\n const { selectedCells } = useSelectionCellsContext()\n const { updateEntities } = useCellEditing()\n\n const handleCellUpdate: CellUpdate = useCallback(\n async (entity, config) => {\n const { selection = [] } = config || {}\n const entitiesToUpdate: EntityUpdate[] = []\n if (!selection?.length) {\n entitiesToUpdate.push({ ...entity, id: entity.rowId })\n } else {\n // if includeSelection is true, update all the selected cells with the same columnId\n const { field, value, isAttrib, type } = entity\n for (const cellId of selectedCells) {\n const { colId, rowId } = parseCellId(cellId) || {}\n\n const entity = getEntityById(rowId || '')\n if (!entity) {\n console.warn(`Entity with ID ${rowId} not found for cell update.`)\n continue\n }\n\n if ((!colId?.includes('attrib_') || colId?.replace('attrib_', '') === field) && rowId) {\n entitiesToUpdate.push({\n field: field,\n rowId: rowId,\n id: entity.entityId,\n value: value,\n isAttrib: isAttrib,\n type: entity.entityType,\n })\n }\n }\n }\n\n if (!entitiesToUpdate.length) {\n console.warn('No entities to update, skipping updateEntities call.')\n toast.warn('No entities to update.')\n return\n }\n\n await updateEntities(entitiesToUpdate, true)\n },\n [updateEntities, getEntityById, selectedCells],\n )\n\n const columnAttribs = useMemo(\n () => (isInitialized ? attribFields : loadingAttrib),\n [attribFields, loadingAttrib, isInitialized],\n )\n const columns = useMemo(() => {\n const baseColumns = buildTreeTableColumns({\n attribs: columnAttribs,\n links: linkTypes,\n showHierarchy,\n options,\n extraColumns,\n excluded: excludedColumns,\n groupBy,\n })\n\n if (sortableRows) {\n return [\n {\n id: DRAG_HANDLE_COLUMN_ID,\n header: () => null,\n cell: () => null, // Content rendered by TableBodyRow\n size: 24,\n minSize: 24,\n maxSize: 24,\n enableResizing: false,\n enableSorting: false,\n enableHiding: false,\n enablePinning: false, // Programmatically pinned\n },\n ...baseColumns,\n ]\n }\n return baseColumns\n }, [columnAttribs, showHierarchy, options, extraColumns, excludedColumns, sortableRows])\n\n // Keep ColumnSettingsProvider's allColumns ref up to date\n useEffect(() => {\n const ids = columns.map((c) => c.id!).filter(Boolean)\n setAllColumns(ids)\n }, [columns, setAllColumns])\n\n const table = useReactTable({\n data: showLoadingRows ? loadingRows : tableData,\n columns,\n defaultColumn: {\n minSize: 50,\n size: 150,\n },\n enableRowSelection: true, //enable row selection for all rows\n getRowId: (row) => row.id,\n enableSubRowSelection: false, //disable sub row selection\n getSubRows: (row) => row.subRows,\n getRowCanExpand: () => true,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getExpandedRowModel: getExpandedRowModel(),\n filterFromLeafRows: true,\n // EXPANDABLE\n onExpandedChange: updateExpanded,\n // SORTING\n enableSorting: true,\n getSortedRowModel: getSortedRowModel(),\n sortDescFirst: false,\n manualSorting: !clientSorting,\n onSortingChange: sortingOnChange,\n columnResizeMode: 'onChange',\n onColumnPinningChange: columnPinningOnChange,\n onColumnSizingChange: columnSizingOnChange,\n onColumnVisibilityChange: columnVisibilityOnChange,\n onColumnOrderChange: columnOrderOnChange,\n // @ts-ignore\n filterFns,\n state: {\n expanded,\n sorting,\n columnPinning: (() => {\n const leftPins: string[] = []\n if (sortableRows) {\n leftPins.push(DRAG_HANDLE_COLUMN_ID)\n }\n leftPins.push(ROW_SELECTION_COLUMN_ID)\n\n // Add other unique pins from context, ensuring they are not the programmatic ones\n const contextLeftPins = (columnPinning.left || []).filter(\n (id) => id !== DRAG_HANDLE_COLUMN_ID && id !== ROW_SELECTION_COLUMN_ID,\n )\n leftPins.push(...contextLeftPins)\n // Remove duplicates just in case, though filter should handle it\n const uniqueLeftPins = [...new Set(leftPins)]\n\n return {\n left: uniqueLeftPins,\n right: columnPinning.right,\n }\n })(),\n columnSizing,\n columnVisibility,\n columnOrder,\n },\n meta: {\n projectName,\n options,\n readOnly: readOnlyColumns,\n updateEntities: handleCellUpdate,\n toggleExpandAll,\n loadMoreTasks: fetchNextPage,\n selection: Array.from(selectedCells),\n },\n })\n\n // TODO: when there is data (like in error) then we have infinite rendering\n\n const { rows } = table.getRowModel()\n\n // update the tableRowsCountRef with the current number of rows\n useEffect(() => {\n tableRowsCountRef.current = rows.length\n }, [rows.length])\n\n // Register grid structure with selection context when rows or columns change\n useEffect(() => {\n if (!rows.length) return\n const rowIds = rows.map((row) => row.id)\n const colIds = table.getAllLeafColumns().map((col) => col.id)\n const colIdsSortedByPinning = [...colIds].sort((a, b) => {\n if (ROW_SELECTION_COLUMN_ID === b) return 1\n const colA = columnPinning.left?.includes(a) ? 0 : 1\n const colB = columnPinning.left?.includes(b) ? 0 : 1\n return colA - colB\n })\n\n registerGrid(rowIds, colIdsSortedByPinning)\n }, [rows, table.getAllLeafColumns(), columnPinning, ROW_SELECTION_COLUMN_ID, registerGrid])\n\n const visibleColumns = table.getVisibleLeafColumns()\n\n // Use the column virtualization hook\n const { columnVirtualizer, virtualPaddingLeft, virtualPaddingRight } = useColumnVirtualization({\n visibleColumns,\n tableContainerRef,\n columnPinning,\n columnSizing,\n columnOrder,\n })\n\n const columnSizeVars = useCustomColumnWidthVars(table, columnSizing)\n\n // Calculate dynamic row height based on user setting from Customize panel\n const { getRowHeight, defaultRowHeight } = useDynamicRowHeight()\n\n const attribByField = useMemo(() => {\n return attribFields.reduce((acc: Record<string, AttributeEnumItem[]>, attrib) => {\n if (attrib.data?.enum?.length) {\n acc[attrib.name] = attrib.data?.enum\n }\n return acc\n }, {})\n }, [attribFields])\n\n const rowOrderIds = useMemo(() => tableData.map((row) => row.id), [tableData])\n const draggedRowData = useMemo(() => {\n if (!dndActiveId || !sortableRows) return null // Use dndActiveId\n return tableData.find((r) => r.id === dndActiveId) // Use dndActiveId\n }, [dndActiveId, tableData, sortableRows])\n\n const combinedScrollHandler: UIEventHandler<HTMLDivElement> = useCallback(\n (e) => {\n // Call the original onScroll if provided\n onScroll?.(e)\n\n if (onScrollBottom) {\n const containerRefElement = e.currentTarget\n if (containerRefElement && !showHierarchy && !groupBy) {\n const { scrollHeight, scrollTop, clientHeight } = containerRefElement\n //once the user has scrolled within 500px of the bottom of the table, fetch more data if we can\n if (scrollHeight - scrollTop - clientHeight < 500 && !isLoading) {\n onScrollBottom(e)\n }\n }\n }\n },\n [onScroll, onScrollBottom, showHierarchy, groupBy, isLoading],\n )\n\n // Get move entity functions for the dialog\n const {\n isEntityPickerOpen,\n handleMoveSubmit,\n closeMoveDialog,\n movingEntities,\n handleMoveToRoot,\n getDisabledFolderIds,\n getDisabledMessage,\n } = useMoveEntities({\n projectName: contextProjectName || projectName || '',\n })\n\n const handleMoveSubmitWithExpand = (selection: string[]) => {\n handleMoveSubmit(selection)\n const folderIdToExpand = selection[0]\n\n updateExpanded((prevExpanded: ExpandedState) => {\n if (typeof prevExpanded === 'boolean') {\n if (prevExpanded) {\n return prevExpanded\n }\n return { [folderIdToExpand]: true }\n }\n\n if (prevExpanded[folderIdToExpand]) {\n return prevExpanded\n }\n\n return {\n ...prevExpanded,\n [folderIdToExpand]: true,\n }\n })\n }\n\n const tableUiContent = (\n <ClipboardProvider\n entitiesMap={entitiesMap}\n columnEnums={{ ...options, ...attribByField }}\n columnReadOnly={readOnlyAttribs}\n visibleColumns={visibleColumns}\n >\n <Styled.TableWrapper {...props}>\n <Styled.TableContainer\n ref={tableContainerRef}\n style={{ height: '100%', padding: 0 }}\n onScroll={combinedScrollHandler}\n {...pt?.container}\n className={clsx(\n 'table-container',\n {\n resizing: table.getState().columnSizingInfo.isResizingColumn,\n },\n pt?.container?.className,\n )}\n >\n <table\n style={{\n display: 'grid',\n borderCollapse: 'collapse',\n userSelect: 'none',\n ...columnSizeVars,\n width: table.getTotalSize(),\n cursor: table.getState().columnSizingInfo.isResizingColumn ? 'col-resize' : undefined,\n }}\n >\n <TableHead\n columnVirtualizer={columnVirtualizer}\n table={table}\n virtualPaddingLeft={virtualPaddingLeft}\n virtualPaddingRight={virtualPaddingRight}\n isLoading={isLoading}\n readOnlyColumns={readOnlyColumns}\n sortableRows={sortableRows}\n {...pt?.head}\n />\n <TableBody\n columnVirtualizer={columnVirtualizer}\n table={table}\n tableContainerRef={tableContainerRef}\n virtualPaddingLeft={virtualPaddingLeft}\n virtualPaddingRight={virtualPaddingRight}\n showHierarchy={showHierarchy}\n attribs={attribFields}\n onOpenNew={onOpenNew}\n rowOrderIds={rowOrderIds}\n sortableRows={sortableRows}\n error={error}\n isGrouping={isGrouping}\n getRowHeight={getRowHeight}\n defaultRowHeight={defaultRowHeight}\n />\n </table>\n </Styled.TableContainer>\n </Styled.TableWrapper>\n {/* Render EntityPickerDialog alongside table content */}\n {isEntityPickerOpen &&\n projectName &&\n movingEntities?.entities &&\n movingEntities.entities.length > 0 && (\n <EntityPickerDialog\n projectName={projectName}\n entityType=\"folder\"\n onSubmit={handleMoveSubmitWithExpand}\n onClose={closeMoveDialog}\n showMoveToRoot={movingEntities.entities.every(\n (entity: EntityMoveData) => entity.entityType === 'folder',\n )}\n onMoveToRoot={handleMoveToRoot}\n disabledIds={getDisabledFolderIds()}\n getDisabledMessage={getDisabledMessage}\n />\n )}\n </ClipboardProvider>\n )\n\n // Render DragOverlay if sortableRows and dndActiveId is present\n const dragOverlayPortal =\n sortableRows &&\n dndActiveId &&\n createPortal(\n <DragOverlay dropAnimation={null}>\n {draggedRowData\n ? (() => {\n const overlayRowInstance = table.getRowModel().rows.find((r) => r.id === dndActiveId)\n if (!overlayRowInstance) return null\n\n const tableWidth = table.getTotalSize()\n\n return (\n <table\n style={{\n width: tableWidth,\n borderCollapse: 'collapse',\n backgroundColor: 'var(--md-sys-color-surface-container-high)',\n boxShadow: '0 0 10px rgba(0,0,0,0.2)',\n ...columnSizeVars,\n }}\n >\n <tbody>\n <Styled.TR style={{ display: 'flex', userSelect: 'none' }}>\n {virtualPaddingLeft ? (\n <td style={{ display: 'flex', width: virtualPaddingLeft }} />\n ) : null}\n {columnVirtualizer.getVirtualItems().map((vc) => {\n const cell = overlayRowInstance.getVisibleCells()[vc.index]\n if (!cell) return null\n\n const cellStyleBase: CSSProperties = {\n ...getCommonPinningStyles(cell.column),\n width: getColumnWidth(overlayRowInstance.id, cell.column.id),\n display: 'flex',\n alignItems: 'center',\n height: defaultRowHeight,\n }\n\n if (cell.column.id === DRAG_HANDLE_COLUMN_ID) {\n return (\n <Styled.TableCell\n key={`overlay-drag-${cell.id}`}\n style={{ ...cellStyleBase, justifyContent: 'center' }}\n className={clsx(cell.column.id)}\n >\n <Icon icon=\"drag_handle\" /> {/* Static icon */}\n </Styled.TableCell>\n )\n }\n return (\n <TableCellMemo\n cell={cell}\n cellId={`overlay-${getCellId(overlayRowInstance.id, cell.column.id)}`}\n rowId={overlayRowInstance.id}\n key={`overlay-cell-${cell.id}`}\n showHierarchy={showHierarchy}\n />\n )\n })}\n {virtualPaddingRight ? (\n <td style={{ display: 'flex', width: virtualPaddingRight }} />\n ) : null}\n </Styled.TR>\n </tbody>\n </table>\n )\n })()\n : null}\n </DragOverlay>,\n document.body,\n )\n\n if (sortableRows) {\n return (\n <>\n {tableUiContent}\n {dragOverlayPortal}\n </>\n )\n } else {\n return tableUiContent\n }\n}\n\ninterface TableHeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n table: Table<TableRow>\n virtualPaddingLeft: number | undefined\n virtualPaddingRight: number | undefined\n isLoading: boolean\n readOnlyColumns?: string[]\n sortableRows?: boolean\n}\n\nconst TableHead = ({\n columnVirtualizer,\n table,\n virtualPaddingLeft,\n virtualPaddingRight,\n isLoading,\n readOnlyColumns,\n sortableRows,\n ...props\n}: TableHeadProps) => {\n return (\n <Styled.TableHeader {...props}>\n {table.getHeaderGroups().map((headerGroup) => (\n <TableHeadRow\n key={headerGroup.id}\n columnVirtualizer={columnVirtualizer}\n headerGroup={headerGroup}\n virtualPaddingLeft={virtualPaddingLeft}\n virtualPaddingRight={virtualPaddingRight}\n isLoading={isLoading}\n readOnlyColumns={readOnlyColumns}\n sortableRows={sortableRows}\n />\n ))}\n </Styled.TableHeader>\n )\n}\n\ninterface TableHeadRowProps {\n columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n headerGroup: HeaderGroup<TableRow>\n virtualPaddingLeft: number | undefined\n virtualPaddingRight: number | undefined\n isLoading: boolean\n readOnlyColumns?: string[]\n sortableRows?: boolean\n}\n\nconst TableHeadRow = ({\n columnVirtualizer,\n headerGroup,\n virtualPaddingLeft,\n virtualPaddingRight,\n isLoading,\n readOnlyColumns,\n sortableRows,\n}: TableHeadRowProps) => {\n const virtualColumns = columnVirtualizer.getVirtualItems()\n return (\n <Styled.ColumnHeader key={headerGroup.id} style={{ display: 'flex' }}>\n {virtualPaddingLeft ? (\n //fake empty column to the left for virtualization scroll padding\n <th style={{ display: 'flex', width: virtualPaddingLeft }} />\n ) : null}\n {virtualColumns.map((virtualColumn) => {\n const header = headerGroup.headers[virtualColumn.index]\n\n return (\n <TableHeadCell\n key={header.id}\n header={header}\n isLoading={isLoading}\n isReadOnly={readOnlyColumns?.includes(header.id)}\n canSort={header.column.getCanSort()}\n canFilter={header.column.getCanFilter()}\n canHide={header.column.getCanHide()}\n canPin={header.column.getCanPin()}\n canResize={header.column.getCanResize()}\n sortableRows={sortableRows}\n />\n )\n })}\n {virtualPaddingRight ? (\n //fake empty column to the right for virtualization scroll padding\n <th style={{ display: 'flex', width: virtualPaddingRight }} />\n ) : null}\n </Styled.ColumnHeader>\n )\n}\n\ninterface TableHeadCellProps {\n header: Header<TableRow, unknown>\n isLoading: boolean\n canSort?: boolean\n canFilter?: boolean\n canHide?: boolean\n canPin?: boolean\n canResize?: boolean\n isReadOnly?: boolean\n sortableRows?: boolean\n}\n\nconst TableHeadCell = ({\n header,\n isLoading,\n canFilter,\n canHide,\n canSort,\n canPin,\n canResize,\n isReadOnly,\n sortableRows,\n}: TableHeadCellProps) => {\n const { column } = header\n const sorting = column.getIsSorted()\n const menuId = `column-header-menu-${column.id}`\n const { menuOpen } = useMenuContext()\n const isOpen = menuOpen === menuId\n\n return (\n <Styled.HeaderCell\n className={clsx(header.id, 'shimmer-dark', {\n loading: isLoading,\n 'last-pinned-left': column.getIsPinned() === 'left' && column.getIsLastColumn('left'),\n resizing: column.getIsResizing(),\n })}\n key={header.id}\n style={{\n ...getCommonPinningStyles(column),\n width: getColumnWidth('', column.id),\n }}\n >\n {header.isPlaceholder ? null : (\n <Styled.TableCellContent className={clsx('bold', 'header')}>\n {flexRender(column.columnDef.header, header.getContext())}\n {isReadOnly && (\n <Icon icon=\"lock\" data-tooltip={'You only have permission to read this column.'} />\n )}\n\n <Styled.HeaderButtons className=\"actions\" $isOpen={isOpen}>\n {(canHide || canPin || canSort) && (\n <ColumnHeaderMenu\n className=\"header-menu\"\n header={header}\n canHide={canHide}\n canPin={canPin}\n canSort={canSort}\n isResizing={column.getIsResizing()}\n menuId={menuId}\n isOpen={isOpen}\n />\n )}\n\n {/* COLUMN SORTING */}\n {canSort && (\n <HeaderActionButton\n icon=\"sort\"\n className={clsx('sort-button', { visible: sorting })}\n style={{\n transform: sorting === 'asc' ? 'rotate(180deg) scaleX(-1)' : 'none',\n }}\n onClick={column.getToggleSortingHandler()}\n selected={!!column.getIsSorted()}\n />\n )}\n </Styled.HeaderButtons>\n {canResize && (\n <Styled.ResizedHandler\n {...{\n onDoubleClick: () => column.resetSize(),\n onMouseDown: header.getResizeHandler(),\n onTouchStart: header.getResizeHandler(),\n className: clsx('resize-handle', {\n resizing: column.getIsResizing(),\n }),\n }}\n />\n )}\n </Styled.TableCellContent>\n )}\n </Styled.HeaderCell>\n )\n}\n\ninterface TableBodyProps {\n columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n table: Table<TableRow>\n tableContainerRef: React.RefObject<HTMLDivElement>\n showHierarchy: boolean\n virtualPaddingLeft: number | undefined\n virtualPaddingRight: number | undefined\n attribs: ProjectTableAttribute[]\n onOpenNew?: (type: 'folder' | 'task') => void\n rowOrderIds: UniqueIdentifier[]\n sortableRows: boolean\n error?: string\n isGrouping: boolean\n getRowHeight: (row: TableRow) => number\n defaultRowHeight: number\n}\n\nconst TableBody = ({\n columnVirtualizer,\n table,\n tableContainerRef,\n showHierarchy,\n virtualPaddingLeft,\n virtualPaddingRight,\n attribs,\n onOpenNew,\n rowOrderIds,\n sortableRows,\n error,\n isGrouping,\n getRowHeight,\n defaultRowHeight,\n}: TableBodyProps) => {\n const headerLabels = useMemo(() => {\n const allColumns = table.getAllColumns()\n const headers = allColumns\n .map((col) => {\n const headerId = col.id\n const header = col.columnDef.header\n if (typeof header === 'string' || typeof header === 'number') {\n return { label: header, id: headerId }\n }\n return null\n })\n .filter(Boolean)\n\n return headers as HeaderLabel[]\n }, [table.getAllColumns()])\n\n const cellContextMenuHook = useCellContextMenu({ attribs, onOpenNew, headerLabels })\n\n const handleTableBodyContextMenu = cellContextMenuHook.handleTableBodyContextMenu\n\n const { handlePreFetchTasks } = usePrefetchFolderTasks()\n\n const { rows } = table.getRowModel()\n\n const rowVirtualizer = useVirtualizer<HTMLDivElement, HTMLTableRowElement>({\n count: rows.length,\n estimateSize: (index) => {\n // Calculate dynamic row height based on specific row data\n const row = rows[index]\n return row ? getRowHeight(row.original) : defaultRowHeight\n },\n getScrollElement: () => tableContainerRef.current,\n //measure dynamic row height, except in firefox because it measures table border height incorrectly\n measureElement:\n typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1\n ? (element) => element?.getBoundingClientRect().height\n : undefined,\n overscan: 5,\n })\n\n const virtualRows = rowVirtualizer.getVirtualItems()\n\n // Force row virtualizer to recalculate when row height changes (debounced for performance)\n useEffect(() => {\n const timeout = setTimeout(() => {\n rowVirtualizer.measure()\n }, 100) // Small delay to batch multiple rapid changes\n\n return () => clearTimeout(timeout)\n }, [defaultRowHeight, rowVirtualizer])\n\n // Memoize the measureElement callback\n const measureRowElement = useCallback(\n (node: HTMLTableRowElement | null) => {\n if (node) {\n rowVirtualizer.measureElement(node)\n }\n },\n [rowVirtualizer],\n )\n\n useKeyboardNavigation()\n\n const tbodyContent = (\n <tbody\n style={{\n height: `${rowVirtualizer.getTotalSize()}px`,\n position: 'relative',\n display: 'grid',\n }}\n onContextMenu={handleTableBodyContextMenu}\n onMouseOver={(e) => {\n handlePreFetchTasks(e)\n }}\n >\n {virtualRows.map((virtualRow, i) => {\n const row = rows[virtualRow.index] as Row<TableRow>\n // Add a check for row existence to prevent potential errors if data is out of sync\n if (!row) {\n console.warn('Virtualized row data not found for index:', virtualRow.index)\n return null\n }\n return (\n <TableBodyRow\n key={row.id + i.toString()} // dnd-kit needs this key to be stable and match the id in useSortable\n row={row}\n showHierarchy={showHierarchy}\n visibleCells={row.getVisibleCells()}\n virtualColumns={columnVirtualizer.getVirtualItems()}\n paddingLeft={virtualPaddingLeft}\n paddingRight={virtualPaddingRight}\n rowRef={measureRowElement}\n dataIndex={virtualRow.index}\n offsetTop={virtualRow.start}\n sortableRows={sortableRows}\n isGrouping={isGrouping}\n rowHeight={getRowHeight(row.original)}\n />\n )\n })}\n </tbody>\n )\n\n if (error) {\n return (\n tableContainerRef.current &&\n createPortal(\n <EmptyPlaceholder message=\"No items found\" error={error} />,\n tableContainerRef.current,\n )\n )\n }\n\n if (sortableRows) {\n return (\n <SortableContext items={rowOrderIds} strategy={verticalListSortingStrategy}>\n {tbodyContent}\n </SortableContext>\n )\n } else {\n return tbodyContent\n }\n}\n\ninterface TableBodyRowProps {\n row: Row<TableRow>\n showHierarchy: boolean\n visibleCells: Cell<TableRow, unknown>[]\n virtualColumns: VirtualItem[]\n paddingLeft: number | undefined\n paddingRight: number | undefined\n rowRef: (node: HTMLTableRowElement | null) => void\n dataIndex: number\n offsetTop: number\n sortableRows: boolean\n isGrouping: boolean\n rowHeight: number\n}\n\nconst TableBodyRow = ({\n row,\n showHierarchy,\n visibleCells,\n virtualColumns,\n paddingLeft,\n paddingRight,\n rowRef,\n dataIndex,\n offsetTop,\n sortableRows,\n isGrouping = false,\n rowHeight,\n}: TableBodyRowProps) => {\n const sortable = sortableRows ? useSortable({ id: row.id }) : null\n\n const combinedRef = useCallback(\n (node: HTMLTableRowElement | null) => {\n if (sortable) {\n sortable.setNodeRef(node)\n }\n // rowRef for virtualizer measurement\n // only measure if not actively being transformed by dnd-kit\n if (!(sortable && sortable.isDragging)) {\n rowRef(node)\n }\n },\n [sortable, rowRef],\n )\n\n // Attempt to combine dnd-kit transform with virtualizer's offsetTop\n const style: CSSProperties = {\n position: 'absolute', // Use absolute positioning for virtualized items\n top: offsetTop, // Position based on virtualizer's calculation (virtualRow.start)\n left: 0, // Span full width of the relative parent (tbody)\n right: 0, // Span full width\n height: rowHeight, // Use dynamic row height\n zIndex: sortable && sortable.isDragging ? 0 : 1, // Ensure dragged item is above others\n display: 'flex', // Styled.TR is display:flex\n transform:\n sortable && sortable.transform ? CSS.Transform.toString(sortable.transform) : undefined, // Apply dnd-kit's transform for drag effect\n transition: sortable && sortable.transition ? sortable.transition : undefined,\n visibility: sortable && sortable.isDragging ? 'hidden' : 'visible', // Hide the row being dragged\n }\n\n return (\n <Styled.TR\n ref={combinedRef}\n data-index={dataIndex} //needed for dynamic row height measurement\n style={style}\n className={clsx({ 'group-row': row.original.group })}\n >\n {paddingLeft ? (\n //fake empty column to the left for virtualization scroll padding\n <td style={{ display: 'flex', width: paddingLeft }} />\n ) : null}\n {virtualColumns.map((vc, i) => {\n const cell = visibleCells[vc.index]\n if (!cell) return null // Should not happen in normal circumstances\n\n const cellId = getCellId(row.id, cell.column.id)\n\n if (cell.column.id === DRAG_HANDLE_COLUMN_ID) {\n return (\n <Styled.TableCell\n key={cell.id + i.toString()}\n style={{\n ...getCommonPinningStyles(cell.column),\n width: getColumnWidth(row.id, cell.column.id),\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n height: rowHeight,\n pointerEvents: 'all',\n cursor: 'grab',\n }}\n className={clsx(cell.column.id, {\n 'last-pinned-left':\n cell.column.getIsPinned() === 'left' && cell.column.getIsLastColumn('left'),\n })}\n onMouseDown={(e) => e.stopPropagation()} // Prevent selection interference\n onMouseOver={(e) => e.stopPropagation()}\n // Removed onMouseUp stopPropagation to allow dnd-kit to handle it\n onDoubleClick={(e) => e.stopPropagation()}\n onContextMenu={(e) => {\n e.preventDefault()\n e.stopPropagation()\n }}\n >\n <RowDragHandleCellContent\n attributes={sortable?.attributes}\n listeners={sortable?.listeners}\n />\n </Styled.TableCell>\n )\n }\n return (\n <TableCellMemo\n cell={cell}\n cellId={cellId}\n rowId={row.id}\n key={cell.id + i.toString()}\n showHierarchy={showHierarchy}\n sortableRows={sortableRows}\n rowHeight={rowHeight}\n />\n )\n })}\n\n {paddingRight ? (\n //fake empty column to the right for virtualization scroll padding\n <td style={{ display: 'flex', width: paddingRight }} />\n ) : null}\n </Styled.TR>\n )\n}\n\ninterface TableCellProps {\n cell: Cell<TableRow, unknown>\n cellId: string\n rowId: string\n className?: string\n showHierarchy: boolean\n sortableRows?: boolean\n rowHeight?: number\n}\n\nconst TableCell = ({\n cell,\n rowId,\n cellId,\n className,\n showHierarchy,\n sortableRows,\n rowHeight,\n ...props\n}: TableCellProps) => {\n const { getEntityById, onOpenPlayer } = useProjectTableContext()\n\n const {\n isCellSelected,\n isCellFocused,\n startSelection,\n extendSelection,\n endSelection,\n selectCell,\n focusCell,\n getCellBorderClasses,\n clearSelection,\n selectedCells,\n } = useSelectionCellsContext()\n\n const { isRowSelected } = useSelectedRowsContext()\n\n const { isEditing, setEditingCellId } = useCellEditing()\n\n const borderClasses = getCellBorderClasses(cellId)\n\n const isPinned = cell.column.getIsPinned()\n const isLastLeftPinnedColumn = isPinned === 'left' && cell.column.getIsLastColumn('left')\n const isRowSelectionColumn = cell.column.id === ROW_SELECTION_COLUMN_ID\n const isGroup = cell.row.original.entityType === 'group'\n const isMultipleSelected = selectedCells.size > 1\n\n return (\n <Styled.TableCell\n {...props}\n tabIndex={0}\n $isLastPinned={isLastLeftPinnedColumn} // is this column the last pinned column? Custom styling for borders.\n className={clsx(\n cell.column.id,\n {\n selected: isCellSelected(cellId),\n focused: isCellFocused(cellId),\n editing: isEditing(cellId),\n 'last-pinned-left': isLastLeftPinnedColumn,\n 'selected-row': isRowSelected(rowId),\n task: cell.row.original.entityType === 'task',\n 'multiple-selected': isMultipleSelected,\n },\n className,\n ...borderClasses,\n )}\n style={{\n ...getCommonPinningStyles(cell.column),\n width: getColumnWidth(cell.row.id, cell.column.id),\n height: rowHeight,\n }}\n onMouseDown={(e) => {\n // Only process left clicks (button 0), ignore right clicks\n if (e.button !== 0) return\n\n const target = e.target as HTMLElement\n\n // check we are not clicking on expander\n if (target.closest('.expander')) return\n\n // if we are clicking on an edit trigger, we need to start editing\n if (target.closest('.' + EDIT_TRIGGER_CLASS)) {\n if (!isCellSelected(cellId)) {\n // if the cell is not selected, select it and deselect all others\n selectCell(cellId, false, false)\n focusCell(cellId)\n }\n // start editing the cell\n setEditingCellId(cellId)\n\n return\n }\n\n // check we are not clicking in a dropdown\n if (target.closest('.options')) return\n\n // only name column can be selected for group rows\n if (isGroup && cell.column.id !== 'name') return clearSelection()\n\n const additive = e.metaKey || e.ctrlKey || isRowSelectionColumn\n if (e.shiftKey) {\n // Shift+click extends selection from anchor cell\n selectCell(cellId, additive, true) // true for range selection\n } else {\n // Normal click starts a new selection\n startSelection(cellId, additive)\n }\n }}\n onMouseOver={(e) => {\n if (e.buttons === 1) {\n // Left button is pressed during mouse move - drag selection\n extendSelection(cellId, isRowSelectionColumn)\n }\n }}\n onMouseUp={() => {\n endSelection(cellId)\n }}\n onDoubleClick={(e) => {\n // row selection on name column double click\n if (\n cell.column.id === 'name' &&\n !(e.target as HTMLElement).closest('.expander') &&\n !isGroup\n ) {\n // select the row by selecting the row-selection cell\n const rowSelectionCellId = getCellId(cell.row.id, ROW_SELECTION_COLUMN_ID)\n if (!isCellSelected(rowSelectionCellId)) {\n const additive = e.metaKey || e.ctrlKey\n selectCell(rowSelectionCellId, additive, false)\n }\n }\n // open the viewer on thumbnail double click\n if (cell.column.id === 'thumbnail') {\n if (onOpenPlayer) {\n const entity = getEntityById(cell.row.original.entityId || cell.row.id)\n if (entity) {\n const targetIds = getEntityViewierIds(entity)\n onOpenPlayer(targetIds, { quickView: true })\n }\n }\n }\n }}\n onContextMenu={(e) => {\n e.preventDefault()\n // if the cell is not selected, select it and deselect all others\n if (!isCellSelected(cellId)) {\n selectCell(cellId, false, false)\n }\n }}\n >\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </Styled.TableCell>\n )\n}\n\nconst TableCellMemo = memo(TableCell)\n"],"names":["getCommonPinningStyles","column","isPinned","offset","ROW_SELECTION_COLUMN_ID","DRAG_HANDLE_COLUMN_ID","getColumnWidth","rowId","columnId","ProjectTreeTable","scope","sliceId","onScroll","onScrollBottom","onOpenNew","readOnly","excludedColumns","extraColumns","isLoadingProp","clientSorting","sortableRows","onRowReorder","dndActiveId","pt","props","columnVisibility","columnPinning","columnOrder","columnSizing","setAllColumns","sorting","sortingOnChange","columnPinningOnChange","columnSizingOnChange","columnVisibilityOnChange","columnOrderOnChange","groupBy","useColumnSettingsContext","isGrouping","projectInfo","tableData","attribFields","entitiesMap","users","isLoadingData","error","isInitialized","expanded","projectName","updateExpanded","toggleExpandAll","showHierarchy","fetchNextPage","scopes","getEntityById","useProjectTableContext","contextProjectName","writableFields","useProjectDataContext","isLoading","statuses","folderTypes","taskTypes","tags","linkTypes","options","useMemo","getTableFieldOptions","tableContainerRef","useRef","tableRowsCountRef","registerGrid","useSelectionCellsContext","loadingAttrib","loadingRows","tableRowsCount","_a","generateDummyAttributes","generateLoadingRows","showLoadingRows","readOnlyColumns","readOnlyAttribs","getReadOnlyLists","selectedCells","updateEntities","useCellEditing","handleCellUpdate","useCallback","entity","config","selection","entitiesToUpdate","field","value","isAttrib","type","cellId","colId","parseCellId","toast","columnAttribs","columns","baseColumns","buildTreeTableColumns","useEffect","ids","c","table","useReactTable","row","getCoreRowModel","getFilteredRowModel","getExpandedRowModel","getSortedRowModel","filterFns","leftPins","contextLeftPins","id","rows","rowIds","colIdsSortedByPinning","col","a","b","colA","colB","_b","visibleColumns","columnVirtualizer","virtualPaddingLeft","virtualPaddingRight","useColumnVirtualization","columnSizeVars","useCustomColumnWidthVars","getRowHeight","defaultRowHeight","useDynamicRowHeight","attribByField","acc","attrib","_c","rowOrderIds","draggedRowData","r","combinedScrollHandler","containerRefElement","scrollHeight","scrollTop","clientHeight","isEntityPickerOpen","handleMoveSubmit","closeMoveDialog","movingEntities","handleMoveToRoot","getDisabledFolderIds","getDisabledMessage","useMoveEntities","handleMoveSubmitWithExpand","folderIdToExpand","prevExpanded","tableUiContent","jsxs","ClipboardProvider","jsx","Styled.TableWrapper","Styled.TableContainer","clsx","TableHead","TableBody","EntityPickerDialog","dragOverlayPortal","createPortal","DragOverlay","overlayRowInstance","tableWidth","Styled.TR","vc","cell","cellStyleBase","Styled.TableCell","Icon","TableCellMemo","getCellId","Fragment","Styled.TableHeader","headerGroup","TableHeadRow","virtualColumns","Styled.ColumnHeader","virtualColumn","header","TableHeadCell","canFilter","canHide","canSort","canPin","canResize","isReadOnly","menuId","menuOpen","useMenuContext","isOpen","Styled.HeaderCell","Styled.TableCellContent","flexRender","Styled.HeaderButtons","ColumnHeaderMenu","HeaderActionButton","Styled.ResizedHandler","attribs","headerLabels","headerId","handleTableBodyContextMenu","useCellContextMenu","handlePreFetchTasks","usePrefetchFolderTasks","rowVirtualizer","useVirtualizer","index","element","virtualRows","timeout","measureRowElement","node","useKeyboardNavigation","tbodyContent","e","virtualRow","i","TableBodyRow","EmptyPlaceholder","SortableContext","verticalListSortingStrategy","visibleCells","paddingLeft","paddingRight","rowRef","dataIndex","offsetTop","rowHeight","sortable","useSortable","combinedRef","style","CSS","RowDragHandleCellContent","TableCell","className","onOpenPlayer","isCellSelected","isCellFocused","startSelection","extendSelection","endSelection","selectCell","focusCell","getCellBorderClasses","clearSelection","isRowSelected","useSelectedRowsContext","isEditing","setEditingCellId","borderClasses","isLastLeftPinnedColumn","isRowSelectionColumn","isGroup","isMultipleSelected","target","EDIT_TRIGGER_CLASS","additive","rowSelectionCellId","targetIds","getEntityViewierIds","memo"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProjectTreeTable.styled.cjs.js","sources":["../../../../../src/containers/ProjectTreeTable/ProjectTreeTable.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\n// Create shadow mixins to make combinations work properly\nconst topShadow = `inset 0 1px 0 0 var(--md-sys-color-primary)`\nconst rightShadow = `inset -1px 0 0 0 var(--md-sys-color-primary)`\nconst bottomShadow = `inset 0 -1px 0 0 var(--md-sys-color-primary)`\nconst leftShadow = `inset 1px 0 0 0 var(--md-sys-color-primary)`\n\nconst getDefaultShadow = (isLastPinned: boolean) => {\n const defaultShadow = `inset 1px -1px 0 0 var(--md-sys-color-surface-container)`\n const defaultShadowLastPinned = `inset -2px -1px 0 0 var(--md-sys-color-surface-container), inset 1px 0 0 0 var(--md-sys-color-surface-container)`\n return isLastPinned ? defaultShadowLastPinned : defaultShadow\n}\n\n// Use the known string literal for DRAG_HANDLE_COLUMN_ID to avoid import complexities here\nconst DRAG_HANDLE_CLASS = 'drag-handle'\n\nexport const TR = styled.tr`\n display: flex;\n position: absolute;\n width: 100%;\n\n &:hover {\n // When the row (TR) is hovered...\n\n // Target the button inside the drag handle cell to make it visible at 50% opacity.\n // This uses a more specific selector by including 'td' to ensure it correctly targets the cell.\n td.${DRAG_HANDLE_CLASS} button {\n opacity: 0.5;\n visibility: visible;\n }\n\n // When the row (TR) is hovered AND the button inside drag handle cell is also hovered...\n // Make the button 100% opacity. This selector is more specific and will override the above.\n td.${DRAG_HANDLE_CLASS} button:hover {\n opacity: 1;\n }\n\n /* row selection hover */\n td:not(.selected) {\n background-color: hsl(215 14% 15%);\n }\n }\n\n &.group-row {\n td {\n /* group headers do not have vertical grid lines */\n box-shadow: inset 0px -1px 0 0 var(--md-sys-color-surface-container);\n }\n }\n`\n\nexport const TableCellContent = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n height: 100%;\n width: 100%;\n padding: 0px 8px;\n overflow: hidden;\n white-space: nowrap;\n border-radius: var(--border-radius-m);\n user-select: none;\n padding-right: 0;\n\n &.bold {\n font-weight: 600;\n }\n\n &.loading {\n margin: 0px 5px;\n padding: 0 !important;\n width: calc(100% - 10px);\n height: 28px;\n margin-top: 3px;\n\n &:not(.hierarchy) {\n height: 32px;\n }\n }\n\n &:focus-visible {\n outline: none;\n }\n\n .resizing & {\n cursor: col-resize !important;\n }\n`\n\nexport const ResizedHandler = styled.div`\n position: absolute;\n right: -1px;\n top: 0;\n bottom: 0;\n width: 6px;\n cursor: col-resize !important;\n background-color: var(--md-sys-color-surface-container-high);\n\n opacity: 0;\n\n &.resizing {\n background-color: var(--md-sys-color-primary);\n opacity: 1;\n cursor: col-resize !important;\n }\n`\n\nexport const ColumnHeader = styled.tr`\n background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const HeaderCell = styled.th`\n position: relative;\n background-color: var(--md-sys-color-surface-container-lowest);\n box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container);\n display: flex;\n align-items: center;\n min-height: fit-content;\n\n &:hover {\n .resize-handle {\n opacity: 1;\n }\n \n .actions {\n display: flex !important;\n }\n \n .actions .header-menu {\n display: flex !important;\n }\n }\n\n /* Hide action buttons when resizing */\n &.resizing {\n .actions {\n display: none !important;\n }\n cursor: col-resize !important;\n\n * {\n cursor: col-resize !important;\n }\n }\n\n /* Styling for the last pinned left column */\n &.last-pinned-left {\n box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container),\n inset -2px 0 0 0 var(--md-sys-color-surface-container);\n }\n\n /* special styles for the left selection column */\n &.__row_selection__ {\n min-width: unset;\n width: 20px !important;\n\n .actions {\n display: none;\n }\n }\n`\n\nexport const HeaderButtons = styled.div<{ $isOpen: boolean }>`\n display: none;\n\n ${({ $isOpen }) =>\n $isOpen &&\n `\n display: flex !important;\n `}\n\n gap: var(--base-gap-small);\n align-items: center;\n\n position: absolute;\n z-index: 10;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n background-color: var(--md-sys-color-surface-container-lowest);\n padding-left: 4px;\n\n .resizing & {\n cursor: col-resize !important;\n }\n\n &:has(.sort-button.visible),\n &:has(.sort-button.selected) {\n display: flex !important;\n }\n\n .sort-button.visible {\n display: flex !important;\n }\n \n .sort-button.selected {\n display: flex !important;\n }\n\n .header-menu {\n display: none;\n }\n \n ${({ $isOpen }) =>\n $isOpen &&\n `\n .header-menu {\n display: flex !important;\n }\n `}\n \n .header-menu.open,\n .header-menu.active {\n display: flex !important;\n }\n\n .resizing & {\n .sort-button,\n .header-menu {\n display: none !important;\n }\n }\n`\n\ntype TableCellProps = {\n $isLastPinned?: boolean\n}\n\nexport const TableCell = styled.td<TableCellProps>`\n position: relative;\n box-shadow: ${getDefaultShadow(false)};\n background-color: var(--md-sys-color-surface-container-low);\n\n &.${DRAG_HANDLE_CLASS} {\n // Styles for the button inside the drag handle cell\n button {\n opacity: 0; // Default: hidden\n visibility: hidden;\n transition: opacity 0.2s ease, visibility 0.2s ease;\n // Base appearance styles (cursor, border, background, etc.)\n // are primarily handled by inline styles in RowDragHandleCellContent.tsx.\n // Add any necessary overrides or defaults here if needed.\n // For example, ensuring the button itself doesn't interfere with cell styling:\n background: transparent;\n border: none;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n }\n }\n\n --task-background-color: hsl(216 15% 11.5% / 1);\n &.task {\n background-color: var(--task-background-color);\n }\n\n &.selected-row {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n /* show hover effect only if direct child div does NOT have .readonly and is not selected */\n &:not(:has(> div.readonly)) {\n cursor: pointer;\n &:hover {\n background-color: var(--md-sys-color-surface-container);\n }\n\n &.selected {\n background-color: var(--md-sys-color-secondary-container);\n }\n }\n\n &.selected {\n background-color: var(--md-sys-color-secondary-container);\n position: relative;\n z-index: 1;\n }\n\n /* remove default focus style */\n &:focus-visible {\n outline: none;\n }\n\n /* Styling for the last pinned left column */\n /* extra border on the right */\n &.last-pinned-left {\n box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container),\n inset -2px 0 0 0 var(--md-sys-color-surface-container);\n }\n\n /* Shadow combinations - single side */\n &.shadow-top:not(.shadow-right):not(.shadow-bottom):not(.shadow-left) {\n box-shadow: ${topShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-right:not(.shadow-top):not(.shadow-bottom):not(.shadow-left) {\n box-shadow: ${rightShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-bottom:not(.shadow-top):not(.shadow-right):not(.shadow-left) {\n box-shadow: ${bottomShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-left:not(.shadow-top):not(.shadow-right):not(.shadow-bottom) {\n box-shadow: ${leftShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n /* Two sides */\n &.shadow-top.shadow-right:not(.shadow-bottom):not(.shadow-left) {\n box-shadow: ${topShadow}, ${rightShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-top.shadow-bottom:not(.shadow-right):not(.shadow-left) {\n box-shadow: ${topShadow}, ${bottomShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-top.shadow-left:not(.shadow-right):not(.shadow-bottom) {\n box-shadow: ${topShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-right.shadow-bottom:not(.shadow-top):not(.shadow-left) {\n box-shadow: ${rightShadow}, ${bottomShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-right.shadow-left:not(.shadow-top):not(.shadow-bottom) {\n box-shadow: ${rightShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-bottom.shadow-left:not(.shadow-top):not(.shadow-right) {\n box-shadow: ${bottomShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n /* Three sides */\n &.shadow-top.shadow-right.shadow-bottom:not(.shadow-left) {\n box-shadow: ${topShadow}, ${rightShadow}, ${bottomShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-top.shadow-right.shadow-left:not(.shadow-bottom) {\n box-shadow: ${topShadow}, ${rightShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-top.shadow-bottom.shadow-left:not(.shadow-right) {\n box-shadow: ${topShadow}, ${bottomShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-right.shadow-bottom.shadow-left:not(.shadow-top) {\n box-shadow: ${rightShadow}, ${bottomShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n /* All four sides */\n &.shadow-top.shadow-right.shadow-bottom.shadow-left {\n box-shadow: ${topShadow}, ${rightShadow}, ${bottomShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n /* Focus styling */\n &.focused {\n position: relative;\n z-index: 2;\n }\n\n /* Use pseudo-element for focused outline to avoid box-shadow conflicts */\n &.focused::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 2px solid var(--md-sys-color-primary);\n pointer-events: none;\n }\n\n /* read only fields are dimmed down for bg and border */\n &:has(> div.readonly) {\n &:not(.multiple-selected) {\n --focused-readonly-color: hsl(212 15% 18% / 1);\n &.focused {\n background-color: var(--focused-readonly-color);\n &::after {\n border-color: var(--focused-readonly-color);\n }\n }\n }\n\n /* when focused is readonly and multiple-selected */\n &.multiple-selected {\n &.focused::after {\n display: none;\n }\n }\n }\n\n /* if there is no cell widget element (no children) then the cell should not be selectable at all */\n &:not(:has(> div)) {\n pointer-events: none;\n cursor: default;\n }\n\n &.editing {\n z-index: 10 !important;\n /* light border around the outside */\n &::before {\n content: '';\n position: absolute;\n inset: 2px;\n border: 2px solid var(--md-sys-color-surface-container-low);\n }\n }\n\n /* special styles for selection bar cells */\n &.__row_selection__ {\n width: 20px !important;\n min-width: unset;\n\n &.selected {\n background-color: var(--md-sys-color-primary-container) !important;\n box-shadow: none !important;\n /* reveal the check mark */\n [icon='check'] {\n display: block;\n }\n }\n }\n`\n\nexport const TableHeader = styled.thead`\n display: grid !important;\n position: sticky;\n top: 0;\n min-height: 34px;\n z-index: 10;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n .resizing & {\n cursor: col-resize !important;\n }\n`\n\nexport const TableWrapper = styled.div`\n overflow: hidden;\n position: absolute;\n inset: 0;\n border-radius: var(--border-radius-m);\n\n background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const TableContainer = styled.div`\n display: flex;\n\n height: 100%;\n width: 100%;\n overflow: auto;\n padding: 4px;\n padding-top: 0;\n\n &.isLoading {\n overflow: hidden;\n }\n\n /* Hide all header buttons when any column is being resized */\n &.resizing {\n .actions {\n display: none !important;\n }\n }\n\n table {\n height: fit-content;\n width: 100%;\n display: grid;\n }\n\n thead {\n display: none;\n }\n\n tbody {\n position: relative;\n display: grid;\n }\n\n td {\n height: 34px;\n padding: 1px 0px;\n width: 100%;\n }\n`\n\nexport const LinkColumnHeader = styled.div`\n display: flex;\n align-items: center;\n gap: 4px;\n .icon {\n font-size: 18px;\n color: var(--md-sys-color-outline);\n }\n`\n"],"names":["topShadow","rightShadow","bottomShadow","leftShadow","getDefaultShadow","isLastPinned","DRAG_HANDLE_CLASS","TR","styled","TableCellContent","ResizedHandler","ColumnHeader","HeaderCell","HeaderButtons","$isOpen","TableCell","$isLastPinned","TableHeader","TableWrapper","TableContainer","LinkColumnHeader"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ProjectTreeTable.styled.cjs.js","sources":["../../../../../src/containers/ProjectTreeTable/ProjectTreeTable.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\n// Create shadow mixins to make combinations work properly\nconst topShadow = `inset 0 1px 0 0 var(--md-sys-color-primary)`\nconst rightShadow = `inset -1px 0 0 0 var(--md-sys-color-primary)`\nconst bottomShadow = `inset 0 -1px 0 0 var(--md-sys-color-primary)`\nconst leftShadow = `inset 1px 0 0 0 var(--md-sys-color-primary)`\n\nconst getDefaultShadow = (isLastPinned: boolean) => {\n const defaultShadow = `inset 1px -1px 0 0 var(--md-sys-color-surface-container)`\n const defaultShadowLastPinned = `inset -2px -1px 0 0 var(--md-sys-color-surface-container), inset 1px 0 0 0 var(--md-sys-color-surface-container)`\n return isLastPinned ? defaultShadowLastPinned : defaultShadow\n}\n\n// Use the known string literal for DRAG_HANDLE_COLUMN_ID to avoid import complexities here\nconst DRAG_HANDLE_CLASS = 'drag-handle'\n\nexport const TR = styled.tr`\n display: flex;\n position: absolute;\n width: 100%;\n\n &:hover {\n // When the row (TR) is hovered...\n\n // Target the button inside the drag handle cell to make it visible at 50% opacity.\n // This uses a more specific selector by including 'td' to ensure it correctly targets the cell.\n td.${DRAG_HANDLE_CLASS} button {\n opacity: 0.5;\n visibility: visible;\n }\n\n // When the row (TR) is hovered AND the button inside drag handle cell is also hovered...\n // Make the button 100% opacity. This selector is more specific and will override the above.\n td.${DRAG_HANDLE_CLASS} button:hover {\n opacity: 1;\n }\n\n /* row selection hover */\n td:not(.selected) {\n background-color: hsl(215 14% 15%);\n }\n }\n\n &.group-row {\n td {\n /* group headers do not have vertical grid lines */\n box-shadow: inset 0px -1px 0 0 var(--md-sys-color-surface-container);\n }\n }\n`\n\nexport const TableCellContent = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n height: 100%;\n width: 100%;\n padding: 0px 8px;\n overflow: hidden;\n border-radius: var(--border-radius-m);\n user-select: none;\n padding-right: 0;\n\n &.bold {\n font-weight: 600;\n }\n\n &.loading {\n margin: 0px 5px;\n padding: 0 !important;\n width: calc(100% - 10px);\n height: 28px;\n margin-top: 3px;\n\n &:not(.hierarchy) {\n height: 32px;\n }\n }\n\n &:focus-visible {\n outline: none;\n }\n\n .resizing & {\n cursor: col-resize !important;\n }\n`\n\nexport const ResizedHandler = styled.div`\n position: absolute;\n right: -1px;\n top: 0;\n bottom: 0;\n width: 6px;\n cursor: col-resize !important;\n background-color: var(--md-sys-color-surface-container-high);\n\n opacity: 0;\n\n &.resizing {\n background-color: var(--md-sys-color-primary);\n opacity: 1;\n cursor: col-resize !important;\n }\n`\n\nexport const ColumnHeader = styled.tr`\n background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const HeaderCell = styled.th`\n position: relative;\n background-color: var(--md-sys-color-surface-container-lowest);\n box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container);\n display: flex;\n align-items: center;\n min-height: fit-content;\n\n &:hover {\n .resize-handle {\n opacity: 1;\n }\n \n .actions {\n display: flex !important;\n }\n \n .actions .header-menu {\n display: flex !important;\n }\n }\n\n /* Hide action buttons when resizing */\n &.resizing {\n .actions {\n display: none !important;\n }\n cursor: col-resize !important;\n\n * {\n cursor: col-resize !important;\n }\n }\n\n /* Styling for the last pinned left column */\n &.last-pinned-left {\n box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container),\n inset -2px 0 0 0 var(--md-sys-color-surface-container);\n }\n\n /* special styles for the left selection column */\n &.__row_selection__ {\n min-width: unset;\n width: 20px !important;\n\n .actions {\n display: none;\n }\n }\n`\n\nexport const HeaderButtons = styled.div<{ $isOpen: boolean }>`\n display: none;\n\n ${({ $isOpen }) =>\n $isOpen &&\n `\n display: flex !important;\n `}\n\n gap: var(--base-gap-small);\n align-items: center;\n\n position: absolute;\n z-index: 10;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n background-color: var(--md-sys-color-surface-container-lowest);\n padding-left: 4px;\n\n .resizing & {\n cursor: col-resize !important;\n }\n\n &:has(.sort-button.visible),\n &:has(.sort-button.selected) {\n display: flex !important;\n }\n\n .sort-button.visible {\n display: flex !important;\n }\n \n .sort-button.selected {\n display: flex !important;\n }\n\n .header-menu {\n display: none;\n }\n \n ${({ $isOpen }) =>\n $isOpen &&\n `\n .header-menu {\n display: flex !important;\n }\n `}\n \n .header-menu.open,\n .header-menu.active {\n display: flex !important;\n }\n\n .resizing & {\n .sort-button,\n .header-menu {\n display: none !important;\n }\n }\n`\n\ntype TableCellProps = {\n $isLastPinned?: boolean\n}\n\nexport const TableCell = styled.td<TableCellProps>`\n position: relative;\n box-shadow: ${getDefaultShadow(false)};\n background-color: var(--md-sys-color-surface-container-low);\n\n &.${DRAG_HANDLE_CLASS} {\n // Styles for the button inside the drag handle cell\n button {\n opacity: 0; // Default: hidden\n visibility: hidden;\n transition: opacity 0.2s ease, visibility 0.2s ease;\n // Base appearance styles (cursor, border, background, etc.)\n // are primarily handled by inline styles in RowDragHandleCellContent.tsx.\n // Add any necessary overrides or defaults here if needed.\n // For example, ensuring the button itself doesn't interfere with cell styling:\n background: transparent;\n border: none;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n }\n }\n\n --task-background-color: hsl(216 15% 11.5% / 1);\n &.task {\n background-color: var(--task-background-color);\n }\n\n &.selected-row {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n /* show hover effect only if direct child div does NOT have .readonly and is not selected */\n &:not(:has(> div.readonly)) {\n cursor: pointer;\n &:hover {\n background-color: var(--md-sys-color-surface-container);\n }\n\n &.selected {\n background-color: var(--md-sys-color-secondary-container);\n }\n }\n\n &.selected {\n background-color: var(--md-sys-color-secondary-container);\n position: relative;\n z-index: 1;\n }\n\n /* remove default focus style */\n &:focus-visible {\n outline: none;\n }\n\n /* Styling for the last pinned left column */\n /* extra border on the right */\n &.last-pinned-left {\n box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container),\n inset -2px 0 0 0 var(--md-sys-color-surface-container);\n }\n\n /* Shadow combinations - single side */\n &.shadow-top:not(.shadow-right):not(.shadow-bottom):not(.shadow-left) {\n box-shadow: ${topShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-right:not(.shadow-top):not(.shadow-bottom):not(.shadow-left) {\n box-shadow: ${rightShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-bottom:not(.shadow-top):not(.shadow-right):not(.shadow-left) {\n box-shadow: ${bottomShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-left:not(.shadow-top):not(.shadow-right):not(.shadow-bottom) {\n box-shadow: ${leftShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n /* Two sides */\n &.shadow-top.shadow-right:not(.shadow-bottom):not(.shadow-left) {\n box-shadow: ${topShadow}, ${rightShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-top.shadow-bottom:not(.shadow-right):not(.shadow-left) {\n box-shadow: ${topShadow}, ${bottomShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-top.shadow-left:not(.shadow-right):not(.shadow-bottom) {\n box-shadow: ${topShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-right.shadow-bottom:not(.shadow-top):not(.shadow-left) {\n box-shadow: ${rightShadow}, ${bottomShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-right.shadow-left:not(.shadow-top):not(.shadow-bottom) {\n box-shadow: ${rightShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-bottom.shadow-left:not(.shadow-top):not(.shadow-right) {\n box-shadow: ${bottomShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n /* Three sides */\n &.shadow-top.shadow-right.shadow-bottom:not(.shadow-left) {\n box-shadow: ${topShadow}, ${rightShadow}, ${bottomShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-top.shadow-right.shadow-left:not(.shadow-bottom) {\n box-shadow: ${topShadow}, ${rightShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-top.shadow-bottom.shadow-left:not(.shadow-right) {\n box-shadow: ${topShadow}, ${bottomShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-right.shadow-bottom.shadow-left:not(.shadow-top) {\n box-shadow: ${rightShadow}, ${bottomShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n /* All four sides */\n &.shadow-top.shadow-right.shadow-bottom.shadow-left {\n box-shadow: ${topShadow}, ${rightShadow}, ${bottomShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n /* Focus styling */\n &.focused {\n position: relative;\n z-index: 2;\n }\n\n /* Use pseudo-element for focused outline to avoid box-shadow conflicts */\n &.focused::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 2px solid var(--md-sys-color-primary);\n pointer-events: none;\n }\n\n /* read only fields are dimmed down for bg and border */\n &:has(> div.readonly) {\n &:not(.multiple-selected) {\n --focused-readonly-color: hsl(212 15% 18% / 1);\n &.focused {\n background-color: var(--focused-readonly-color);\n &::after {\n border-color: var(--focused-readonly-color);\n }\n }\n }\n\n /* when focused is readonly and multiple-selected */\n &.multiple-selected {\n &.focused::after {\n display: none;\n }\n }\n }\n\n /* if there is no cell widget element (no children) then the cell should not be selectable at all */\n &:not(:has(> div)) {\n pointer-events: none;\n cursor: default;\n }\n\n &.editing {\n z-index: 10 !important;\n /* light border around the outside */\n &::before {\n content: '';\n position: absolute;\n inset: 2px;\n border: 2px solid var(--md-sys-color-surface-container-low);\n }\n }\n\n /* special styles for selection bar cells */\n &.__row_selection__ {\n width: 20px !important;\n min-width: unset;\n\n &.selected {\n background-color: var(--md-sys-color-primary-container) !important;\n box-shadow: none !important;\n /* reveal the check mark */\n [icon='check'] {\n display: block;\n }\n }\n }\n`\n\nexport const TableHeader = styled.thead`\n display: grid !important;\n position: sticky;\n top: 0;\n min-height: 34px;\n z-index: 10;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n .resizing & {\n cursor: col-resize !important;\n }\n`\n\nexport const TableWrapper = styled.div`\n overflow: hidden;\n position: absolute;\n inset: 0;\n border-radius: var(--border-radius-m);\n\n background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const TableContainer = styled.div`\n display: flex;\n\n height: 100%;\n width: 100%;\n overflow: auto;\n padding: 4px;\n padding-top: 0;\n\n &.isLoading {\n overflow: hidden;\n }\n\n /* Hide all header buttons when any column is being resized */\n &.resizing {\n .actions {\n display: none !important;\n }\n }\n\n table {\n height: fit-content;\n width: 100%;\n display: grid;\n }\n\n thead {\n display: none;\n }\n\n tbody {\n position: relative;\n display: grid;\n }\n\n td {\n height: 34px;\n padding: 1px 0px;\n width: 100%;\n }\n`\n\nexport const LinkColumnHeader = styled.div`\n display: flex;\n align-items: center;\n gap: 4px;\n .icon {\n font-size: 18px;\n color: var(--md-sys-color-outline);\n }\n`\n"],"names":["topShadow","rightShadow","bottomShadow","leftShadow","getDefaultShadow","isLastPinned","DRAG_HANDLE_CLASS","TR","styled","TableCellContent","ResizedHandler","ColumnHeader","HeaderCell","HeaderButtons","$isOpen","TableCell","$isLastPinned","TableHeader","TableWrapper","TableContainer","LinkColumnHeader"],"mappings":"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"}
|
|
@@ -40,7 +40,6 @@ const s = "inset 0 1px 0 0 var(--md-sys-color-primary)", a = "inset -1px 0 0 0 v
|
|
|
40
40
|
width: 100%;
|
|
41
41
|
padding: 0px 8px;
|
|
42
42
|
overflow: hidden;
|
|
43
|
-
white-space: nowrap;
|
|
44
43
|
border-radius: var(--border-radius-m);
|
|
45
44
|
user-select: none;
|
|
46
45
|
padding-right: 0;
|
|
@@ -68,7 +67,7 @@ const s = "inset 0 1px 0 0 var(--md-sys-color-primary)", a = "inset -1px 0 0 0 v
|
|
|
68
67
|
.resizing & {
|
|
69
68
|
cursor: col-resize !important;
|
|
70
69
|
}
|
|
71
|
-
`,
|
|
70
|
+
`, u = t.div`
|
|
72
71
|
position: absolute;
|
|
73
72
|
right: -1px;
|
|
74
73
|
top: 0;
|
|
@@ -84,7 +83,7 @@ const s = "inset 0 1px 0 0 var(--md-sys-color-primary)", a = "inset -1px 0 0 0 v
|
|
|
84
83
|
opacity: 1;
|
|
85
84
|
cursor: col-resize !important;
|
|
86
85
|
}
|
|
87
|
-
`,
|
|
86
|
+
`, w = t.tr`
|
|
88
87
|
background-color: var(--md-sys-color-surface-container-low);
|
|
89
88
|
`, f = t.th`
|
|
90
89
|
position: relative;
|
|
@@ -468,11 +467,11 @@ const s = "inset 0 1px 0 0 var(--md-sys-color-primary)", a = "inset -1px 0 0 0 v
|
|
|
468
467
|
}
|
|
469
468
|
`;
|
|
470
469
|
export {
|
|
471
|
-
|
|
470
|
+
w as ColumnHeader,
|
|
472
471
|
m as HeaderButtons,
|
|
473
472
|
f as HeaderCell,
|
|
474
473
|
v as LinkColumnHeader,
|
|
475
|
-
|
|
474
|
+
u as ResizedHandler,
|
|
476
475
|
h as TR,
|
|
477
476
|
b as TableCell,
|
|
478
477
|
p as TableCellContent,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProjectTreeTable.styled.es.js","sources":["../../../../../src/containers/ProjectTreeTable/ProjectTreeTable.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\n// Create shadow mixins to make combinations work properly\nconst topShadow = `inset 0 1px 0 0 var(--md-sys-color-primary)`\nconst rightShadow = `inset -1px 0 0 0 var(--md-sys-color-primary)`\nconst bottomShadow = `inset 0 -1px 0 0 var(--md-sys-color-primary)`\nconst leftShadow = `inset 1px 0 0 0 var(--md-sys-color-primary)`\n\nconst getDefaultShadow = (isLastPinned: boolean) => {\n const defaultShadow = `inset 1px -1px 0 0 var(--md-sys-color-surface-container)`\n const defaultShadowLastPinned = `inset -2px -1px 0 0 var(--md-sys-color-surface-container), inset 1px 0 0 0 var(--md-sys-color-surface-container)`\n return isLastPinned ? defaultShadowLastPinned : defaultShadow\n}\n\n// Use the known string literal for DRAG_HANDLE_COLUMN_ID to avoid import complexities here\nconst DRAG_HANDLE_CLASS = 'drag-handle'\n\nexport const TR = styled.tr`\n display: flex;\n position: absolute;\n width: 100%;\n\n &:hover {\n // When the row (TR) is hovered...\n\n // Target the button inside the drag handle cell to make it visible at 50% opacity.\n // This uses a more specific selector by including 'td' to ensure it correctly targets the cell.\n td.${DRAG_HANDLE_CLASS} button {\n opacity: 0.5;\n visibility: visible;\n }\n\n // When the row (TR) is hovered AND the button inside drag handle cell is also hovered...\n // Make the button 100% opacity. This selector is more specific and will override the above.\n td.${DRAG_HANDLE_CLASS} button:hover {\n opacity: 1;\n }\n\n /* row selection hover */\n td:not(.selected) {\n background-color: hsl(215 14% 15%);\n }\n }\n\n &.group-row {\n td {\n /* group headers do not have vertical grid lines */\n box-shadow: inset 0px -1px 0 0 var(--md-sys-color-surface-container);\n }\n }\n`\n\nexport const TableCellContent = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n height: 100%;\n width: 100%;\n padding: 0px 8px;\n overflow: hidden;\n white-space: nowrap;\n border-radius: var(--border-radius-m);\n user-select: none;\n padding-right: 0;\n\n &.bold {\n font-weight: 600;\n }\n\n &.loading {\n margin: 0px 5px;\n padding: 0 !important;\n width: calc(100% - 10px);\n height: 28px;\n margin-top: 3px;\n\n &:not(.hierarchy) {\n height: 32px;\n }\n }\n\n &:focus-visible {\n outline: none;\n }\n\n .resizing & {\n cursor: col-resize !important;\n }\n`\n\nexport const ResizedHandler = styled.div`\n position: absolute;\n right: -1px;\n top: 0;\n bottom: 0;\n width: 6px;\n cursor: col-resize !important;\n background-color: var(--md-sys-color-surface-container-high);\n\n opacity: 0;\n\n &.resizing {\n background-color: var(--md-sys-color-primary);\n opacity: 1;\n cursor: col-resize !important;\n }\n`\n\nexport const ColumnHeader = styled.tr`\n background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const HeaderCell = styled.th`\n position: relative;\n background-color: var(--md-sys-color-surface-container-lowest);\n box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container);\n display: flex;\n align-items: center;\n min-height: fit-content;\n\n &:hover {\n .resize-handle {\n opacity: 1;\n }\n \n .actions {\n display: flex !important;\n }\n \n .actions .header-menu {\n display: flex !important;\n }\n }\n\n /* Hide action buttons when resizing */\n &.resizing {\n .actions {\n display: none !important;\n }\n cursor: col-resize !important;\n\n * {\n cursor: col-resize !important;\n }\n }\n\n /* Styling for the last pinned left column */\n &.last-pinned-left {\n box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container),\n inset -2px 0 0 0 var(--md-sys-color-surface-container);\n }\n\n /* special styles for the left selection column */\n &.__row_selection__ {\n min-width: unset;\n width: 20px !important;\n\n .actions {\n display: none;\n }\n }\n`\n\nexport const HeaderButtons = styled.div<{ $isOpen: boolean }>`\n display: none;\n\n ${({ $isOpen }) =>\n $isOpen &&\n `\n display: flex !important;\n `}\n\n gap: var(--base-gap-small);\n align-items: center;\n\n position: absolute;\n z-index: 10;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n background-color: var(--md-sys-color-surface-container-lowest);\n padding-left: 4px;\n\n .resizing & {\n cursor: col-resize !important;\n }\n\n &:has(.sort-button.visible),\n &:has(.sort-button.selected) {\n display: flex !important;\n }\n\n .sort-button.visible {\n display: flex !important;\n }\n \n .sort-button.selected {\n display: flex !important;\n }\n\n .header-menu {\n display: none;\n }\n \n ${({ $isOpen }) =>\n $isOpen &&\n `\n .header-menu {\n display: flex !important;\n }\n `}\n \n .header-menu.open,\n .header-menu.active {\n display: flex !important;\n }\n\n .resizing & {\n .sort-button,\n .header-menu {\n display: none !important;\n }\n }\n`\n\ntype TableCellProps = {\n $isLastPinned?: boolean\n}\n\nexport const TableCell = styled.td<TableCellProps>`\n position: relative;\n box-shadow: ${getDefaultShadow(false)};\n background-color: var(--md-sys-color-surface-container-low);\n\n &.${DRAG_HANDLE_CLASS} {\n // Styles for the button inside the drag handle cell\n button {\n opacity: 0; // Default: hidden\n visibility: hidden;\n transition: opacity 0.2s ease, visibility 0.2s ease;\n // Base appearance styles (cursor, border, background, etc.)\n // are primarily handled by inline styles in RowDragHandleCellContent.tsx.\n // Add any necessary overrides or defaults here if needed.\n // For example, ensuring the button itself doesn't interfere with cell styling:\n background: transparent;\n border: none;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n }\n }\n\n --task-background-color: hsl(216 15% 11.5% / 1);\n &.task {\n background-color: var(--task-background-color);\n }\n\n &.selected-row {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n /* show hover effect only if direct child div does NOT have .readonly and is not selected */\n &:not(:has(> div.readonly)) {\n cursor: pointer;\n &:hover {\n background-color: var(--md-sys-color-surface-container);\n }\n\n &.selected {\n background-color: var(--md-sys-color-secondary-container);\n }\n }\n\n &.selected {\n background-color: var(--md-sys-color-secondary-container);\n position: relative;\n z-index: 1;\n }\n\n /* remove default focus style */\n &:focus-visible {\n outline: none;\n }\n\n /* Styling for the last pinned left column */\n /* extra border on the right */\n &.last-pinned-left {\n box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container),\n inset -2px 0 0 0 var(--md-sys-color-surface-container);\n }\n\n /* Shadow combinations - single side */\n &.shadow-top:not(.shadow-right):not(.shadow-bottom):not(.shadow-left) {\n box-shadow: ${topShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-right:not(.shadow-top):not(.shadow-bottom):not(.shadow-left) {\n box-shadow: ${rightShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-bottom:not(.shadow-top):not(.shadow-right):not(.shadow-left) {\n box-shadow: ${bottomShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-left:not(.shadow-top):not(.shadow-right):not(.shadow-bottom) {\n box-shadow: ${leftShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n /* Two sides */\n &.shadow-top.shadow-right:not(.shadow-bottom):not(.shadow-left) {\n box-shadow: ${topShadow}, ${rightShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-top.shadow-bottom:not(.shadow-right):not(.shadow-left) {\n box-shadow: ${topShadow}, ${bottomShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-top.shadow-left:not(.shadow-right):not(.shadow-bottom) {\n box-shadow: ${topShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-right.shadow-bottom:not(.shadow-top):not(.shadow-left) {\n box-shadow: ${rightShadow}, ${bottomShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-right.shadow-left:not(.shadow-top):not(.shadow-bottom) {\n box-shadow: ${rightShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-bottom.shadow-left:not(.shadow-top):not(.shadow-right) {\n box-shadow: ${bottomShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n /* Three sides */\n &.shadow-top.shadow-right.shadow-bottom:not(.shadow-left) {\n box-shadow: ${topShadow}, ${rightShadow}, ${bottomShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-top.shadow-right.shadow-left:not(.shadow-bottom) {\n box-shadow: ${topShadow}, ${rightShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-top.shadow-bottom.shadow-left:not(.shadow-right) {\n box-shadow: ${topShadow}, ${bottomShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-right.shadow-bottom.shadow-left:not(.shadow-top) {\n box-shadow: ${rightShadow}, ${bottomShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n /* All four sides */\n &.shadow-top.shadow-right.shadow-bottom.shadow-left {\n box-shadow: ${topShadow}, ${rightShadow}, ${bottomShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n /* Focus styling */\n &.focused {\n position: relative;\n z-index: 2;\n }\n\n /* Use pseudo-element for focused outline to avoid box-shadow conflicts */\n &.focused::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 2px solid var(--md-sys-color-primary);\n pointer-events: none;\n }\n\n /* read only fields are dimmed down for bg and border */\n &:has(> div.readonly) {\n &:not(.multiple-selected) {\n --focused-readonly-color: hsl(212 15% 18% / 1);\n &.focused {\n background-color: var(--focused-readonly-color);\n &::after {\n border-color: var(--focused-readonly-color);\n }\n }\n }\n\n /* when focused is readonly and multiple-selected */\n &.multiple-selected {\n &.focused::after {\n display: none;\n }\n }\n }\n\n /* if there is no cell widget element (no children) then the cell should not be selectable at all */\n &:not(:has(> div)) {\n pointer-events: none;\n cursor: default;\n }\n\n &.editing {\n z-index: 10 !important;\n /* light border around the outside */\n &::before {\n content: '';\n position: absolute;\n inset: 2px;\n border: 2px solid var(--md-sys-color-surface-container-low);\n }\n }\n\n /* special styles for selection bar cells */\n &.__row_selection__ {\n width: 20px !important;\n min-width: unset;\n\n &.selected {\n background-color: var(--md-sys-color-primary-container) !important;\n box-shadow: none !important;\n /* reveal the check mark */\n [icon='check'] {\n display: block;\n }\n }\n }\n`\n\nexport const TableHeader = styled.thead`\n display: grid !important;\n position: sticky;\n top: 0;\n min-height: 34px;\n z-index: 10;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n .resizing & {\n cursor: col-resize !important;\n }\n`\n\nexport const TableWrapper = styled.div`\n overflow: hidden;\n position: absolute;\n inset: 0;\n border-radius: var(--border-radius-m);\n\n background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const TableContainer = styled.div`\n display: flex;\n\n height: 100%;\n width: 100%;\n overflow: auto;\n padding: 4px;\n padding-top: 0;\n\n &.isLoading {\n overflow: hidden;\n }\n\n /* Hide all header buttons when any column is being resized */\n &.resizing {\n .actions {\n display: none !important;\n }\n }\n\n table {\n height: fit-content;\n width: 100%;\n display: grid;\n }\n\n thead {\n display: none;\n }\n\n tbody {\n position: relative;\n display: grid;\n }\n\n td {\n height: 34px;\n padding: 1px 0px;\n width: 100%;\n }\n`\n\nexport const LinkColumnHeader = styled.div`\n display: flex;\n align-items: center;\n gap: 4px;\n .icon {\n font-size: 18px;\n color: var(--md-sys-color-outline);\n }\n`\n"],"names":["topShadow","rightShadow","bottomShadow","leftShadow","getDefaultShadow","isLastPinned","DRAG_HANDLE_CLASS","TR","styled","TableCellContent","ResizedHandler","ColumnHeader","HeaderCell","HeaderButtons","$isOpen","TableCell","$isLastPinned","TableHeader","TableWrapper","TableContainer","LinkColumnHeader"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ProjectTreeTable.styled.es.js","sources":["../../../../../src/containers/ProjectTreeTable/ProjectTreeTable.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\n// Create shadow mixins to make combinations work properly\nconst topShadow = `inset 0 1px 0 0 var(--md-sys-color-primary)`\nconst rightShadow = `inset -1px 0 0 0 var(--md-sys-color-primary)`\nconst bottomShadow = `inset 0 -1px 0 0 var(--md-sys-color-primary)`\nconst leftShadow = `inset 1px 0 0 0 var(--md-sys-color-primary)`\n\nconst getDefaultShadow = (isLastPinned: boolean) => {\n const defaultShadow = `inset 1px -1px 0 0 var(--md-sys-color-surface-container)`\n const defaultShadowLastPinned = `inset -2px -1px 0 0 var(--md-sys-color-surface-container), inset 1px 0 0 0 var(--md-sys-color-surface-container)`\n return isLastPinned ? defaultShadowLastPinned : defaultShadow\n}\n\n// Use the known string literal for DRAG_HANDLE_COLUMN_ID to avoid import complexities here\nconst DRAG_HANDLE_CLASS = 'drag-handle'\n\nexport const TR = styled.tr`\n display: flex;\n position: absolute;\n width: 100%;\n\n &:hover {\n // When the row (TR) is hovered...\n\n // Target the button inside the drag handle cell to make it visible at 50% opacity.\n // This uses a more specific selector by including 'td' to ensure it correctly targets the cell.\n td.${DRAG_HANDLE_CLASS} button {\n opacity: 0.5;\n visibility: visible;\n }\n\n // When the row (TR) is hovered AND the button inside drag handle cell is also hovered...\n // Make the button 100% opacity. This selector is more specific and will override the above.\n td.${DRAG_HANDLE_CLASS} button:hover {\n opacity: 1;\n }\n\n /* row selection hover */\n td:not(.selected) {\n background-color: hsl(215 14% 15%);\n }\n }\n\n &.group-row {\n td {\n /* group headers do not have vertical grid lines */\n box-shadow: inset 0px -1px 0 0 var(--md-sys-color-surface-container);\n }\n }\n`\n\nexport const TableCellContent = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n height: 100%;\n width: 100%;\n padding: 0px 8px;\n overflow: hidden;\n border-radius: var(--border-radius-m);\n user-select: none;\n padding-right: 0;\n\n &.bold {\n font-weight: 600;\n }\n\n &.loading {\n margin: 0px 5px;\n padding: 0 !important;\n width: calc(100% - 10px);\n height: 28px;\n margin-top: 3px;\n\n &:not(.hierarchy) {\n height: 32px;\n }\n }\n\n &:focus-visible {\n outline: none;\n }\n\n .resizing & {\n cursor: col-resize !important;\n }\n`\n\nexport const ResizedHandler = styled.div`\n position: absolute;\n right: -1px;\n top: 0;\n bottom: 0;\n width: 6px;\n cursor: col-resize !important;\n background-color: var(--md-sys-color-surface-container-high);\n\n opacity: 0;\n\n &.resizing {\n background-color: var(--md-sys-color-primary);\n opacity: 1;\n cursor: col-resize !important;\n }\n`\n\nexport const ColumnHeader = styled.tr`\n background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const HeaderCell = styled.th`\n position: relative;\n background-color: var(--md-sys-color-surface-container-lowest);\n box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container);\n display: flex;\n align-items: center;\n min-height: fit-content;\n\n &:hover {\n .resize-handle {\n opacity: 1;\n }\n \n .actions {\n display: flex !important;\n }\n \n .actions .header-menu {\n display: flex !important;\n }\n }\n\n /* Hide action buttons when resizing */\n &.resizing {\n .actions {\n display: none !important;\n }\n cursor: col-resize !important;\n\n * {\n cursor: col-resize !important;\n }\n }\n\n /* Styling for the last pinned left column */\n &.last-pinned-left {\n box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container),\n inset -2px 0 0 0 var(--md-sys-color-surface-container);\n }\n\n /* special styles for the left selection column */\n &.__row_selection__ {\n min-width: unset;\n width: 20px !important;\n\n .actions {\n display: none;\n }\n }\n`\n\nexport const HeaderButtons = styled.div<{ $isOpen: boolean }>`\n display: none;\n\n ${({ $isOpen }) =>\n $isOpen &&\n `\n display: flex !important;\n `}\n\n gap: var(--base-gap-small);\n align-items: center;\n\n position: absolute;\n z-index: 10;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n background-color: var(--md-sys-color-surface-container-lowest);\n padding-left: 4px;\n\n .resizing & {\n cursor: col-resize !important;\n }\n\n &:has(.sort-button.visible),\n &:has(.sort-button.selected) {\n display: flex !important;\n }\n\n .sort-button.visible {\n display: flex !important;\n }\n \n .sort-button.selected {\n display: flex !important;\n }\n\n .header-menu {\n display: none;\n }\n \n ${({ $isOpen }) =>\n $isOpen &&\n `\n .header-menu {\n display: flex !important;\n }\n `}\n \n .header-menu.open,\n .header-menu.active {\n display: flex !important;\n }\n\n .resizing & {\n .sort-button,\n .header-menu {\n display: none !important;\n }\n }\n`\n\ntype TableCellProps = {\n $isLastPinned?: boolean\n}\n\nexport const TableCell = styled.td<TableCellProps>`\n position: relative;\n box-shadow: ${getDefaultShadow(false)};\n background-color: var(--md-sys-color-surface-container-low);\n\n &.${DRAG_HANDLE_CLASS} {\n // Styles for the button inside the drag handle cell\n button {\n opacity: 0; // Default: hidden\n visibility: hidden;\n transition: opacity 0.2s ease, visibility 0.2s ease;\n // Base appearance styles (cursor, border, background, etc.)\n // are primarily handled by inline styles in RowDragHandleCellContent.tsx.\n // Add any necessary overrides or defaults here if needed.\n // For example, ensuring the button itself doesn't interfere with cell styling:\n background: transparent;\n border: none;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n }\n }\n\n --task-background-color: hsl(216 15% 11.5% / 1);\n &.task {\n background-color: var(--task-background-color);\n }\n\n &.selected-row {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n /* show hover effect only if direct child div does NOT have .readonly and is not selected */\n &:not(:has(> div.readonly)) {\n cursor: pointer;\n &:hover {\n background-color: var(--md-sys-color-surface-container);\n }\n\n &.selected {\n background-color: var(--md-sys-color-secondary-container);\n }\n }\n\n &.selected {\n background-color: var(--md-sys-color-secondary-container);\n position: relative;\n z-index: 1;\n }\n\n /* remove default focus style */\n &:focus-visible {\n outline: none;\n }\n\n /* Styling for the last pinned left column */\n /* extra border on the right */\n &.last-pinned-left {\n box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container),\n inset -2px 0 0 0 var(--md-sys-color-surface-container);\n }\n\n /* Shadow combinations - single side */\n &.shadow-top:not(.shadow-right):not(.shadow-bottom):not(.shadow-left) {\n box-shadow: ${topShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-right:not(.shadow-top):not(.shadow-bottom):not(.shadow-left) {\n box-shadow: ${rightShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-bottom:not(.shadow-top):not(.shadow-right):not(.shadow-left) {\n box-shadow: ${bottomShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-left:not(.shadow-top):not(.shadow-right):not(.shadow-bottom) {\n box-shadow: ${leftShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n /* Two sides */\n &.shadow-top.shadow-right:not(.shadow-bottom):not(.shadow-left) {\n box-shadow: ${topShadow}, ${rightShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-top.shadow-bottom:not(.shadow-right):not(.shadow-left) {\n box-shadow: ${topShadow}, ${bottomShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-top.shadow-left:not(.shadow-right):not(.shadow-bottom) {\n box-shadow: ${topShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-right.shadow-bottom:not(.shadow-top):not(.shadow-left) {\n box-shadow: ${rightShadow}, ${bottomShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-right.shadow-left:not(.shadow-top):not(.shadow-bottom) {\n box-shadow: ${rightShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-bottom.shadow-left:not(.shadow-top):not(.shadow-right) {\n box-shadow: ${bottomShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n /* Three sides */\n &.shadow-top.shadow-right.shadow-bottom:not(.shadow-left) {\n box-shadow: ${topShadow}, ${rightShadow}, ${bottomShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-top.shadow-right.shadow-left:not(.shadow-bottom) {\n box-shadow: ${topShadow}, ${rightShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-top.shadow-bottom.shadow-left:not(.shadow-right) {\n box-shadow: ${topShadow}, ${bottomShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n &.shadow-right.shadow-bottom.shadow-left:not(.shadow-top) {\n box-shadow: ${rightShadow}, ${bottomShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n /* All four sides */\n &.shadow-top.shadow-right.shadow-bottom.shadow-left {\n box-shadow: ${topShadow}, ${rightShadow}, ${bottomShadow}, ${leftShadow},\n ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n }\n\n /* Focus styling */\n &.focused {\n position: relative;\n z-index: 2;\n }\n\n /* Use pseudo-element for focused outline to avoid box-shadow conflicts */\n &.focused::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 2px solid var(--md-sys-color-primary);\n pointer-events: none;\n }\n\n /* read only fields are dimmed down for bg and border */\n &:has(> div.readonly) {\n &:not(.multiple-selected) {\n --focused-readonly-color: hsl(212 15% 18% / 1);\n &.focused {\n background-color: var(--focused-readonly-color);\n &::after {\n border-color: var(--focused-readonly-color);\n }\n }\n }\n\n /* when focused is readonly and multiple-selected */\n &.multiple-selected {\n &.focused::after {\n display: none;\n }\n }\n }\n\n /* if there is no cell widget element (no children) then the cell should not be selectable at all */\n &:not(:has(> div)) {\n pointer-events: none;\n cursor: default;\n }\n\n &.editing {\n z-index: 10 !important;\n /* light border around the outside */\n &::before {\n content: '';\n position: absolute;\n inset: 2px;\n border: 2px solid var(--md-sys-color-surface-container-low);\n }\n }\n\n /* special styles for selection bar cells */\n &.__row_selection__ {\n width: 20px !important;\n min-width: unset;\n\n &.selected {\n background-color: var(--md-sys-color-primary-container) !important;\n box-shadow: none !important;\n /* reveal the check mark */\n [icon='check'] {\n display: block;\n }\n }\n }\n`\n\nexport const TableHeader = styled.thead`\n display: grid !important;\n position: sticky;\n top: 0;\n min-height: 34px;\n z-index: 10;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n .resizing & {\n cursor: col-resize !important;\n }\n`\n\nexport const TableWrapper = styled.div`\n overflow: hidden;\n position: absolute;\n inset: 0;\n border-radius: var(--border-radius-m);\n\n background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const TableContainer = styled.div`\n display: flex;\n\n height: 100%;\n width: 100%;\n overflow: auto;\n padding: 4px;\n padding-top: 0;\n\n &.isLoading {\n overflow: hidden;\n }\n\n /* Hide all header buttons when any column is being resized */\n &.resizing {\n .actions {\n display: none !important;\n }\n }\n\n table {\n height: fit-content;\n width: 100%;\n display: grid;\n }\n\n thead {\n display: none;\n }\n\n tbody {\n position: relative;\n display: grid;\n }\n\n td {\n height: 34px;\n padding: 1px 0px;\n width: 100%;\n }\n`\n\nexport const LinkColumnHeader = styled.div`\n display: flex;\n align-items: center;\n gap: 4px;\n .icon {\n font-size: 18px;\n color: var(--md-sys-color-outline);\n }\n`\n"],"names":["topShadow","rightShadow","bottomShadow","leftShadow","getDefaultShadow","isLastPinned","DRAG_HANDLE_CLASS","TR","styled","TableCellContent","ResizedHandler","ColumnHeader","HeaderCell","HeaderButtons","$isOpen","TableCell","$isLastPinned","TableHeader","TableWrapper","TableContainer","LinkColumnHeader"],"mappings":"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"}
|