npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.18 → 0.2.19 - Mend

@ynput/ayon-frontend-shared 0.2.18 → 0.2.19

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.

Files changed (312) hide show

package/dist/shared/src/containers/ProjectTreeTable/buildTreeTableColumns.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"buildTreeTableColumns.es.js","sources":["../../../../../src/containers/ProjectTreeTable/buildTreeTableColumns.tsx"],"sourcesContent":["import { ColumnDef, FilterFnOption, Row, SortingFn, sortingFns } from '@tanstack/react-table'\nimport { TableRow } from './types/table'\nimport { AttributeData, ProjectTableAttribute, BuiltInFieldOptions } from './types'\nimport { CellWidget, EntityNameWidget, GroupHeaderWidget, ThumbnailWidget } from './widgets'\nimport { getCellId, getCellValue } from './utils/cellUtils'\nimport { TableCellContent } from './ProjectTreeTable.styled'\nimport clsx from 'clsx'\nimport { SelectionCell } from './components/SelectionCell'\nimport RowSelectionHeader from './components/RowSelectionHeader'\nimport { ROW_SELECTION_COLUMN_ID } from './context/SelectionCellsContext'\nimport { TableGroupBy } from './context'\nimport { NEXT_PAGE_ID } from './hooks/useBuildGroupByTableData'\nimport LoadMoreWidget from './widgets/LoadMoreWidget'\n\nconst MIN_SIZE = 50\n\n// Wrapper function for sorting that pushes isLoading rows to the bottom\nconst withLoadingStateSort = (sortFn: SortingFn<any>): SortingFn<any> => {\n return (rowA, rowB, ...args) => {\n // If row loading states differ, prioritize non-loading rows\n if (rowA.original.isLoading !== rowB.original.isLoading) {\n return rowA.original.isLoading ? 1 : -1\n }\n // Otherwise, use the original sort function\n return sortFn(rowA, rowB, ...args)\n }\n}\n\nconst nameSort: SortingFn<any> = (rowA, rowB) => {\n const labelA = rowA.original.label \|\| rowA.original.name\n const labelB = rowB.original.label \|\| rowB.original.name\n // sort alphabetically by label\n return labelA.localeCompare(labelB)\n}\nconst pathSort: SortingFn<any> = (rowA, rowB) => {\n const labelA = rowA.original.path \|\| rowA.original.name\n const labelB = rowB.original.path \|\| rowB.original.name\n // sort alphabetically by label\n return labelA.localeCompare(labelB)\n}\n\ntype AttribSortingFn = (rowA: any, rowB: any, columnId: string, attribute?: AttributeData) => number\n// sort by the order of the enum options\nconst attribSort: AttribSortingFn = (rowA, rowB, columnId, attrib) => {\n const valueA = getCellValue(rowA.original, columnId)\n const valueB = getCellValue(rowB.original, columnId)\n // if attrib is defined and has enum options, use them\n if (attrib && attrib.enum) {\n const indexA = attrib.enum.findIndex((o) => o.value === valueA)\n const indexB = attrib.enum.findIndex((o) => o.value === valueB)\n return indexA - indexB < 0 ? 1 : -1\n } else if (attrib?.type === 'datetime') {\n return sortingFns.datetime(rowA, rowB, columnId)\n } else if (attrib?.type === 'boolean') {\n const boolA = valueA === true ? 1 : 0\n const boolB = valueB === true ? 1 : 0\n return boolA - boolB\n } else {\n // default sorting\n return sortingFns.alphanumeric(rowA, rowB, columnId)\n }\n}\n\nexport type DefaultColumns =\n \| typeof ROW_SELECTION_COLUMN_ID\n \| 'thumbnail'\n \| 'name'\n \| 'status'\n \| 'subType'\n \| 'assignees'\n \| 'tags'\n\nexport type TreeTableExtraColumn = { column: ColumnDef<TableRow>; position?: number }\n\nexport type BuildTreeTableColumnsProps = {\n attribs: ProjectTableAttribute[]\n showHierarchy: boolean\n options: BuiltInFieldOptions\n excluded?: (DefaultColumns \| string)[]\n extraColumns?: TreeTableExtraColumn[]\n groupBy?: TableGroupBy\n}\n\nconst buildTreeTableColumns = ({\n attribs,\n showHierarchy,\n options,\n excluded,\n extraColumns,\n groupBy,\n}: BuildTreeTableColumnsProps) => {\n const staticColumns: ColumnDef<TableRow>[] = []\n\n // Helper to check if a column should be included\n const isIncluded = (id: DefaultColumns \| string) => !excluded?.includes(id)\n\n // Conditionally add static columns\n if (isIncluded(ROW_SELECTION_COLUMN_ID)) {\n staticColumns.push({\n id: ROW_SELECTION_COLUMN_ID,\n enableResizing: false,\n enableSorting: false,\n enablePinning: false,\n enableHiding: false,\n\n header: () => <RowSelectionHeader />,\n cell: ({ row }) => {\n if (row.original.entityType === 'group') return null\n return <SelectionCell />\n },\n size: 20,\n })\n }\n\n if (isIncluded('thumbnail')) {\n staticColumns.push({\n id: 'thumbnail',\n header: 'Thumbnail',\n size: 63,\n minSize: 64,\n enableResizing: true,\n enableSorting: false,\n cell: ({ row, table }) => {\n const meta = table.options.meta\n if (!meta) return null\n return (\n <ThumbnailWidget\n entityId={row.original.entityId \|\| row.id}\n entityType={row.original.entityType}\n updatedAt={row.original.updatedAt}\n icon={row.original.icon}\n projectName={meta?.projectName as string}\n className={clsx('thumbnail', {\n loading: row.original.isLoading,\n })}\n />\n )\n },\n })\n }\n\n if (isIncluded('name')) {\n staticColumns.push({\n id: 'name',\n accessorKey: 'name',\n header: 'Folder / Task',\n minSize: MIN_SIZE,\n sortingFn: withLoadingStateSort(showHierarchy ? nameSort : pathSort),\n enableSorting: groupBy ? false : true,\n enableResizing: true,\n enablePinning: true,\n enableHiding: groupBy ? false : true,\n cell: ({ row, column, table }) => {\n const meta = table.options.meta\n const cellId = getCellId(row.id, column.id)\n\n if (row.original.entityType === NEXT_PAGE_ID && row.original.group) {\n return (\n <LoadMoreWidget\n label={'Load more tasks'}\n id={row.original.group.value}\n onLoadMore={(id) => meta?.loadMoreTasks?.(id)}\n />\n )\n }\n\n return (\n <TableCellContent\n id={cellId}\n className={clsx('large', row.original.entityType, {\n loading: row.original.isLoading,\n hierarchy: showHierarchy,\n })}\n style={{\n paddingLeft: `calc(${row.depth * 1}rem + 8px)`,\n }}\n tabIndex={0}\n >\n {row.original.group ? (\n <GroupHeaderWidget\n id={row.id}\n label={row.original.group.label}\n name={row.original.name}\n icon={row.original.group.icon}\n img={row.original.group.img}\n color={row.original.group.color}\n count={row.original.group.count}\n isExpanded={row.getIsExpanded()}\n isEmpty={row.subRows.length === 0}\n toggleExpanded={row.getToggleExpandedHandler()}\n />\n ) : (\n <EntityNameWidget\n id={row.id}\n label={row.original.label}\n name={row.original.name}\n path={!showHierarchy ? row.original.path : undefined}\n showHierarchy={showHierarchy}\n icon={row.original.icon}\n type={row.original.entityType}\n isExpanded={row.getIsExpanded()}\n toggleExpandAll={() => meta?.toggleExpandAll?.([row.id])}\n toggleExpanded={row.getToggleExpandedHandler()}\n />\n )}\n </TableCellContent>\n )\n },\n })\n }\n\n if (isIncluded('status')) {\n staticColumns.push({\n id: 'status',\n accessorKey: 'status',\n minSize: MIN_SIZE,\n header: 'Status',\n sortingFn: withLoadingStateSort((a, b, c) =>\n attribSort(a, b, c, { enum: options.status, type: 'string' }),\n ),\n sortDescFirst: true,\n enableSorting: true,\n enableResizing: true,\n enablePinning: true,\n enableHiding: true,\n cell: ({ row, column, table }) => {\n const { value, id, type } = getValueIdType(row, column.id)\n const meta = table.options.meta\n if (['group', NEXT_PAGE_ID].includes(type)) return null\n\n return (\n <CellWidget\n rowId={id}\n className={clsx('status', { loading: row.original.isLoading })}\n columnId={column.id}\n value={value}\n attributeData={{ type: 'string' }}\n options={meta?.options?.status.filter((s) => s.scope?.includes(type))}\n isCollapsed={!!row.original.childOnlyMatch}\n onChange={(value) =>\n meta?.updateEntities?.([{ field: column.id, value, id, type, rowId: id }])\n }\n isReadOnly={meta?.readOnly?.includes(column.id)}\n />\n )\n },\n })\n }\n\n if (isIncluded('subType')) {\n staticColumns.push({\n id: 'subType',\n accessorKey: 'subType',\n header: 'Type',\n minSize: MIN_SIZE,\n enableSorting: true,\n enableResizing: true,\n enablePinning: true,\n enableHiding: true,\n cell: ({ row, column, table }) => {\n const { value, id, type } = getValueIdType(row, column.id)\n if (['group', NEXT_PAGE_ID].includes(type)) return null\n const fieldId = type === 'folder' ? 'folderType' : 'taskType'\n const meta = table.options.meta\n return (\n <CellWidget\n rowId={id}\n className={clsx('subType', { loading: row.original.isLoading })}\n columnId={column.id}\n value={value}\n attributeData={{ type: 'string' }}\n options={\n type === 'folder'\n ? meta?.options?.folderType\n : type === 'task'\n ? meta?.options?.taskType\n : []\n }\n isCollapsed={!!row.original.childOnlyMatch}\n onChange={(value) =>\n meta?.updateEntities?.([{ field: fieldId, value, id, type, rowId: row.id }])\n }\n isReadOnly={meta?.readOnly?.includes(column.id)}\n />\n )\n },\n })\n }\n\n if (isIncluded('assignees')) {\n staticColumns.push({\n id: 'assignees',\n accessorKey: 'assignees',\n header: 'Assignees',\n minSize: MIN_SIZE,\n enableSorting: true,\n enableResizing: true,\n enablePinning: true,\n enableHiding: true,\n cell: ({ row, column, table }) => {\n const meta = table.options.meta\n const { value, id, type } = getValueIdType(row, column.id)\n if (['group', NEXT_PAGE_ID].includes(type)) return null\n\n if (type === 'folder')\n return (\n <CellWidget\n rowId={id}\n className={clsx('assignees', { loading: row.original.isLoading })}\n columnId={column.id}\n value=\"\"\n isPlaceholder\n />\n )\n return (\n <CellWidget\n rowId={id}\n className={clsx('assignees', { loading: row.original.isLoading })}\n columnId={column.id}\n value={value}\n attributeData={{ type: 'list_of_strings' }}\n options={meta?.options?.assignee}\n isCollapsed={!!row.original.childOnlyMatch}\n onChange={(value) =>\n meta?.updateEntities?.([{ field: column.id, value, id, type, rowId: row.id }])\n }\n isReadOnly={meta?.readOnly?.includes(column.id)}\n pt={{\n enum: {\n multiSelectClose: value?.length === 0, // close the dropdown on first assignment\n search: true, // enable search at all times\n multipleOverride: false,\n },\n }}\n />\n )\n },\n })\n }\n\n if (isIncluded('tags')) {\n staticColumns.push({\n id: 'tags',\n accessorKey: 'tags',\n header: 'Tags',\n minSize: MIN_SIZE,\n enableSorting: true,\n enableResizing: true,\n enablePinning: true,\n enableHiding: true,\n cell: ({ row, column, table }) => {\n const meta = table.options.meta\n const { value, id, type } = getValueIdType(row, column.id)\n if (['group', NEXT_PAGE_ID].includes(type)) return null\n return (\n <CellWidget\n rowId={id}\n className={clsx('tags', { loading: row.original.isLoading })}\n columnId={column.id}\n value={value}\n attributeData={{ type: 'list_of_strings' }}\n options={meta?.options?.tag}\n isCollapsed={!!row.original.childOnlyMatch}\n onChange={(value) =>\n meta?.updateEntities?.([{ field: column.id, value, id, type, rowId: row.id }])\n }\n isReadOnly={meta?.readOnly?.includes(column.id)}\n enableCustomValues\n />\n )\n },\n })\n }\n\n const attributeColumns: ColumnDef<TableRow>[] = attribs\n .filter((attrib) => {\n const columnId = 'attrib_' + attrib.name\n // Check if the specific attribute column is excluded\n // or if all built-in attributes are excluded and this is a built-in attribute\n if (excluded?.includes(columnId)) return false\n if (attrib.builtin && excluded?.includes('attrib')) return false\n return true\n })\n .map((attrib) => {\n const attribColumn: ColumnDef<TableRow> = {\n id: 'attrib_' + attrib.name,\n accessorKey: 'attrib.' + attrib.name,\n header: attrib.data.title \|\| attrib.name,\n minSize: MIN_SIZE,\n filterFn: 'fuzzy' as FilterFnOption<TableRow>,\n sortingFn: withLoadingStateSort((a, b, c) => attribSort(a, b, c, attrib.data)),\n enableSorting: true,\n enableResizing: true,\n enablePinning: true,\n enableHiding: true,\n cell: ({ row, column, table }) => {\n const meta = table.options.meta\n const columnIdParsed = column.id.replace('attrib_', '')\n const { value, id, type } = getValueIdType(row, columnIdParsed, 'attrib')\n const isInherited = !row.original.ownAttrib?.includes(columnIdParsed)\n if (['group', NEXT_PAGE_ID].includes(type)) return null\n\n return (\n <CellWidget\n rowId={id}\n className={clsx('attrib', { loading: row.original.isLoading })}\n columnId={column.id}\n value={value}\n attributeData={{ type: attrib.data.type \|\| 'string' }}\n options={attrib.data.enum \|\| []}\n isCollapsed={!!row.original.childOnlyMatch}\n isInherited={isInherited && ['folder', 'task'].includes(type)}\n isReadOnly={\n attrib.readOnly \|\|\n meta?.readOnly?.some(\n (id) => id === columnIdParsed \|\| (id === 'attrib' && attrib.builtin),\n )\n }\n onChange={(value) =>\n meta?.updateEntities?.([\n { field: columnIdParsed, value, id, type, isAttrib: true, rowId: row.id },\n ])\n }\n />\n )\n },\n }\n return attribColumn\n })\n\n const allColumns = [...staticColumns, ...attributeColumns]\n\n // Add extra columns if provided\n if (extraColumns) {\n extraColumns.forEach(({ column, position = -1 }) => {\n if (position >= 0 && position < allColumns.length) {\n allColumns.splice(position, 0, column)\n } else {\n allColumns.push(column)\n }\n })\n }\n\n return allColumns\n}\n\nexport default buildTreeTableColumns\n\nexport const getValueIdType = (\n row: Row<TableRow>,\n field: string,\n nestedField?: keyof TableRow,\n): {\n value: any\n id: string\n type: string\n} => ({\n value: nestedField\n ? (row.original[nestedField as keyof TableRow] as any)?.[field]\n : (row.original[field as keyof TableRow] as any),\n id: row.id,\n type: row.original.entityType,\n})\n"],"names":["jsx","_a","value","id"],"mappings":"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"}
1	+ {"version":3,"file":"buildTreeTableColumns.es.js","sources":["../../../../../src/containers/ProjectTreeTable/buildTreeTableColumns.tsx"],"sourcesContent":["import { ColumnDef, FilterFnOption, Row, SortingFn, sortingFns } from '@tanstack/react-table'\nimport { TableRow } from './types/table'\nimport { AttributeData, ProjectTableAttribute, BuiltInFieldOptions } from './types'\nimport { CellWidget, EntityNameWidget, GroupHeaderWidget, ThumbnailWidget } from './widgets'\nimport { getCellId, getCellValue } from './utils/cellUtils'\nimport { TableCellContent } from './ProjectTreeTable.styled'\nimport clsx from 'clsx'\nimport { SelectionCell } from './components/SelectionCell'\nimport RowSelectionHeader from './components/RowSelectionHeader'\nimport { ROW_SELECTION_COLUMN_ID } from './context/SelectionCellsContext'\nimport { TableGroupBy } from './context'\nimport { NEXT_PAGE_ID } from './hooks/useBuildGroupByTableData'\nimport LoadMoreWidget from './widgets/LoadMoreWidget'\n\nconst MIN_SIZE = 50\n\n// Wrapper function for sorting that pushes isLoading rows to the bottom\nconst withLoadingStateSort = (sortFn: SortingFn<any>): SortingFn<any> => {\n return (rowA, rowB, ...args) => {\n // If row loading states differ, prioritize non-loading rows\n if (rowA.original.isLoading !== rowB.original.isLoading) {\n return rowA.original.isLoading ? 1 : -1\n }\n // Otherwise, use the original sort function\n return sortFn(rowA, rowB, ...args)\n }\n}\n\nconst nameSort: SortingFn<any> = (rowA, rowB) => {\n const labelA = rowA.original.label \|\| rowA.original.name\n const labelB = rowB.original.label \|\| rowB.original.name\n // sort alphabetically by label\n return labelA.localeCompare(labelB)\n}\nconst pathSort: SortingFn<any> = (rowA, rowB) => {\n const labelA = rowA.original.path \|\| rowA.original.name\n const labelB = rowB.original.path \|\| rowB.original.name\n // sort alphabetically by label\n return labelA.localeCompare(labelB)\n}\n\ntype AttribSortingFn = (rowA: any, rowB: any, columnId: string, attribute?: AttributeData) => number\n// sort by the order of the enum options\nconst attribSort: AttribSortingFn = (rowA, rowB, columnId, attrib) => {\n const valueA = getCellValue(rowA.original, columnId)\n const valueB = getCellValue(rowB.original, columnId)\n // if attrib is defined and has enum options, use them\n if (attrib && attrib.enum) {\n const indexA = attrib.enum.findIndex((o) => o.value === valueA)\n const indexB = attrib.enum.findIndex((o) => o.value === valueB)\n return indexA - indexB < 0 ? 1 : -1\n } else if (attrib?.type === 'datetime') {\n return sortingFns.datetime(rowA, rowB, columnId)\n } else if (attrib?.type === 'boolean') {\n const boolA = valueA === true ? 1 : 0\n const boolB = valueB === true ? 1 : 0\n return boolA - boolB\n } else {\n // default sorting\n return sortingFns.alphanumeric(rowA, rowB, columnId)\n }\n}\n\nexport type DefaultColumns =\n \| typeof ROW_SELECTION_COLUMN_ID\n \| 'thumbnail'\n \| 'name'\n \| 'status'\n \| 'subType'\n \| 'assignees'\n \| 'tags'\n\nexport type TreeTableExtraColumn = { column: ColumnDef<TableRow>; position?: number }\n\nexport type BuildTreeTableColumnsProps = {\n attribs: ProjectTableAttribute[]\n showHierarchy: boolean\n options: BuiltInFieldOptions\n excluded?: (DefaultColumns \| string)[]\n extraColumns?: TreeTableExtraColumn[]\n groupBy?: TableGroupBy\n}\n\nconst buildTreeTableColumns = ({\n attribs,\n showHierarchy,\n options,\n excluded,\n extraColumns,\n groupBy,\n}: BuildTreeTableColumnsProps) => {\n const staticColumns: ColumnDef<TableRow>[] = []\n\n // Helper to check if a column should be included\n const isIncluded = (id: DefaultColumns \| string) => !excluded?.includes(id)\n\n // Conditionally add static columns\n if (isIncluded(ROW_SELECTION_COLUMN_ID)) {\n staticColumns.push({\n id: ROW_SELECTION_COLUMN_ID,\n enableResizing: false,\n enableSorting: false,\n enablePinning: false,\n enableHiding: false,\n\n header: () => <RowSelectionHeader />,\n cell: ({ row }) => {\n if (row.original.entityType === 'group') return null\n return <SelectionCell />\n },\n size: 20,\n })\n }\n\n if (isIncluded('thumbnail')) {\n staticColumns.push({\n id: 'thumbnail',\n header: 'Thumbnail',\n size: 63,\n minSize: 64,\n enableResizing: true,\n enableSorting: false,\n cell: ({ row, column, table }) => {\n const meta = table.options.meta\n if (!meta) return null\n const cellId = getCellId(row.id, column.id)\n return (\n <ThumbnailWidget\n id={cellId}\n entityId={row.original.entityId \|\| row.id}\n entityType={row.original.entityType}\n updatedAt={row.original.updatedAt}\n icon={row.original.icon}\n projectName={meta?.projectName as string}\n className={clsx('thumbnail', {\n loading: row.original.isLoading,\n })}\n isPlayable={row.original.hasReviewables}\n />\n )\n },\n })\n }\n\n if (isIncluded('name')) {\n staticColumns.push({\n id: 'name',\n accessorKey: 'name',\n header: 'Folder / Task',\n minSize: MIN_SIZE,\n sortingFn: withLoadingStateSort(showHierarchy ? nameSort : pathSort),\n enableSorting: groupBy ? false : true,\n enableResizing: true,\n enablePinning: true,\n enableHiding: groupBy ? false : true,\n cell: ({ row, column, table }) => {\n const meta = table.options.meta\n const cellId = getCellId(row.id, column.id)\n\n if (row.original.entityType === NEXT_PAGE_ID && row.original.group) {\n return (\n <LoadMoreWidget\n label={'Load more tasks'}\n id={row.original.group.value}\n onLoadMore={(id) => meta?.loadMoreTasks?.(id)}\n />\n )\n }\n\n return (\n <TableCellContent\n id={cellId}\n className={clsx('large', row.original.entityType, {\n loading: row.original.isLoading,\n hierarchy: showHierarchy,\n })}\n style={{\n paddingLeft: `calc(${row.depth * 1}rem + 8px)`,\n }}\n tabIndex={0}\n >\n {row.original.group ? (\n <GroupHeaderWidget\n id={row.id}\n label={row.original.group.label}\n name={row.original.name}\n icon={row.original.group.icon}\n img={row.original.group.img}\n color={row.original.group.color}\n count={row.original.group.count}\n isExpanded={row.getIsExpanded()}\n isEmpty={row.subRows.length === 0}\n toggleExpanded={row.getToggleExpandedHandler()}\n />\n ) : (\n <EntityNameWidget\n id={row.id}\n label={row.original.label}\n name={row.original.name}\n path={!showHierarchy ? row.original.path : undefined}\n showHierarchy={showHierarchy}\n icon={row.original.icon}\n type={row.original.entityType}\n isExpanded={row.getIsExpanded()}\n toggleExpandAll={() => meta?.toggleExpandAll?.([row.id])}\n toggleExpanded={row.getToggleExpandedHandler()}\n />\n )}\n </TableCellContent>\n )\n },\n })\n }\n\n if (isIncluded('status')) {\n staticColumns.push({\n id: 'status',\n accessorKey: 'status',\n minSize: MIN_SIZE,\n header: 'Status',\n sortingFn: withLoadingStateSort((a, b, c) =>\n attribSort(a, b, c, { enum: options.status, type: 'string' }),\n ),\n sortDescFirst: true,\n enableSorting: true,\n enableResizing: true,\n enablePinning: true,\n enableHiding: true,\n cell: ({ row, column, table }) => {\n const { value, id, type } = getValueIdType(row, column.id)\n const meta = table.options.meta\n if (['group', NEXT_PAGE_ID].includes(type)) return null\n\n return (\n <CellWidget\n rowId={id}\n className={clsx('status', { loading: row.original.isLoading })}\n columnId={column.id}\n value={value}\n attributeData={{ type: 'string' }}\n options={meta?.options?.status.filter((s) => s.scope?.includes(type))}\n isCollapsed={!!row.original.childOnlyMatch}\n onChange={(value) =>\n meta?.updateEntities?.(\n { field: column.id, value, type, rowId: id },\n { selection: meta?.selection },\n )\n }\n isReadOnly={meta?.readOnly?.includes(column.id)}\n pt={{\n enum: {\n pt: {\n template: {\n pt: {\n icon: {\n style: {\n fontVariationSettings: \"'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20\",\n },\n },\n },\n },\n },\n },\n }}\n />\n )\n },\n })\n }\n\n if (isIncluded('subType')) {\n staticColumns.push({\n id: 'subType',\n accessorKey: 'subType',\n header: 'Type',\n minSize: MIN_SIZE,\n enableSorting: true,\n enableResizing: true,\n enablePinning: true,\n enableHiding: true,\n cell: ({ row, column, table }) => {\n const { value, id, type } = getValueIdType(row, column.id)\n if (['group', NEXT_PAGE_ID].includes(type)) return null\n const fieldId = type === 'folder' ? 'folderType' : 'taskType'\n const meta = table.options.meta\n return (\n <CellWidget\n rowId={id}\n className={clsx('subType', { loading: row.original.isLoading })}\n columnId={column.id}\n value={value}\n attributeData={{ type: 'string' }}\n options={\n type === 'folder'\n ? meta?.options?.folderType\n : type === 'task'\n ? meta?.options?.taskType\n : []\n }\n isCollapsed={!!row.original.childOnlyMatch}\n onChange={(value) =>\n meta?.updateEntities?.(\n { field: fieldId, value, type, rowId: row.id },\n { selection: meta?.selection },\n )\n }\n isReadOnly={meta?.readOnly?.includes(column.id)}\n />\n )\n },\n })\n }\n\n if (isIncluded('assignees')) {\n staticColumns.push({\n id: 'assignees',\n accessorKey: 'assignees',\n header: 'Assignees',\n minSize: MIN_SIZE,\n enableSorting: true,\n enableResizing: true,\n enablePinning: true,\n enableHiding: true,\n cell: ({ row, column, table }) => {\n const meta = table.options.meta\n const { value, id, type } = getValueIdType(row, column.id)\n if (['group', NEXT_PAGE_ID].includes(type)) return null\n\n if (type === 'folder')\n return (\n <CellWidget\n rowId={id}\n className={clsx('assignees', { loading: row.original.isLoading })}\n columnId={column.id}\n value=\"\"\n isPlaceholder\n />\n )\n return (\n <CellWidget\n rowId={id}\n className={clsx('assignees', { loading: row.original.isLoading })}\n columnId={column.id}\n value={value}\n attributeData={{ type: 'list_of_strings' }}\n options={meta?.options?.assignee}\n isCollapsed={!!row.original.childOnlyMatch}\n onChange={(value) =>\n meta?.updateEntities?.(\n { field: column.id, value, type, rowId: row.id },\n { selection: meta?.selection },\n )\n }\n isReadOnly={meta?.readOnly?.includes(column.id)}\n pt={{\n enum: {\n multiSelectClose: value?.length === 0, // close the dropdown on first assignment\n search: true, // enable search at all times\n multipleOverride: false,\n },\n }}\n />\n )\n },\n })\n }\n\n if (isIncluded('tags')) {\n staticColumns.push({\n id: 'tags',\n accessorKey: 'tags',\n header: 'Tags',\n minSize: MIN_SIZE,\n enableSorting: true,\n enableResizing: true,\n enablePinning: true,\n enableHiding: true,\n cell: ({ row, column, table }) => {\n const meta = table.options.meta\n const { value, id, type } = getValueIdType(row, column.id)\n if (['group', NEXT_PAGE_ID].includes(type)) return null\n return (\n <CellWidget\n rowId={id}\n className={clsx('tags', { loading: row.original.isLoading })}\n columnId={column.id}\n value={value}\n attributeData={{ type: 'list_of_strings' }}\n options={meta?.options?.tag}\n isCollapsed={!!row.original.childOnlyMatch}\n onChange={(value) =>\n meta?.updateEntities?.(\n { field: column.id, value, type, rowId: row.id },\n { selection: meta?.selection },\n )\n }\n isReadOnly={meta?.readOnly?.includes(column.id)}\n enableCustomValues\n />\n )\n },\n })\n }\n\n const attributeColumns: ColumnDef<TableRow>[] = attribs\n .filter((attrib) => {\n const columnId = 'attrib_' + attrib.name\n // Check if the specific attribute column is excluded\n // or if all built-in attributes are excluded and this is a built-in attribute\n if (excluded?.includes(columnId)) return false\n if (attrib.builtin && excluded?.includes('attrib')) return false\n return true\n })\n .map((attrib) => {\n const attribColumn: ColumnDef<TableRow> = {\n id: 'attrib_' + attrib.name,\n accessorKey: 'attrib.' + attrib.name,\n header: attrib.data.title \|\| attrib.name,\n minSize: MIN_SIZE,\n filterFn: 'fuzzy' as FilterFnOption<TableRow>,\n sortingFn: withLoadingStateSort((a, b, c) => attribSort(a, b, c, attrib.data)),\n enableSorting: true,\n enableResizing: true,\n enablePinning: true,\n enableHiding: true,\n cell: ({ row, column, table }) => {\n const meta = table.options.meta\n const columnIdParsed = column.id.replace('attrib_', '')\n const { value, id, type } = getValueIdType(row, columnIdParsed, 'attrib')\n const isInherited = !row.original.ownAttrib?.includes(columnIdParsed)\n if (['group', NEXT_PAGE_ID].includes(type)) return null\n\n return (\n <CellWidget\n rowId={id}\n className={clsx('attrib', { loading: row.original.isLoading })}\n columnId={column.id}\n value={value}\n attributeData={{ type: attrib.data.type \|\| 'string' }}\n options={attrib.data.enum \|\| []}\n isCollapsed={!!row.original.childOnlyMatch}\n isInherited={isInherited && ['folder', 'task'].includes(type)}\n isReadOnly={\n attrib.readOnly \|\|\n meta?.readOnly?.some(\n (id) => id === columnIdParsed \|\| (id === 'attrib' && attrib.builtin),\n )\n }\n onChange={(value) =>\n meta?.updateEntities?.(\n { field: columnIdParsed, value, type, isAttrib: true, rowId: row.id },\n { selection: !!attrib.data.enum?.length ? meta?.selection : undefined },\n )\n }\n />\n )\n },\n }\n return attribColumn\n })\n\n const allColumns = [...staticColumns, ...attributeColumns]\n\n // Add extra columns if provided\n if (extraColumns) {\n extraColumns.forEach(({ column, position = -1 }) => {\n if (position >= 0 && position < allColumns.length) {\n allColumns.splice(position, 0, column)\n } else {\n allColumns.push(column)\n }\n })\n }\n\n return allColumns\n}\n\nexport default buildTreeTableColumns\n\nexport const getValueIdType = (\n row: Row<TableRow>,\n field: string,\n nestedField?: keyof TableRow,\n): {\n value: any\n id: string\n type: string\n} => ({\n value: nestedField\n ? (row.original[nestedField as keyof TableRow] as any)?.[field]\n : (row.original[field as keyof TableRow] as any),\n id: row.id,\n type: row.original.entityType,\n})\n"],"names":["jsx","_a","value","id","_b"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js CHANGED Viewed

@@ -138,6 +138,10 @@ require("../context/ColumnSettingsContext.cjs.js");
 require("../context/ProjectTableContext.cjs.js");
 require("../context/ProjectTableQueriesContext.cjs.js");
 require("../context/SelectedRowsContext.cjs.js");
+require("../../../../../_virtual/runtime.cjs.js");
+require("../../../../../_virtual/semver.cjs.js");
+require("react-redux");
+require("custom-protocol-check");
 require("../context/ProjectDataContext.cjs.js");
 require("../widgets/CollapsedWidget.cjs.js");
 require("../widgets/DateWidget.cjs.js");
@@ -152,13 +156,10 @@ require("../ProjectTreeTable.styled.cjs.js");
 require("./SelectionCell.cjs.js");
 require("./RowSelectionHeader.cjs.js");
 require("../widgets/LoadMoreWidget.cjs.js");
-require("../../../../../_virtual/runtime.cjs.js");
-require("../../../../../_virtual/semver.cjs.js");
-require("react-redux");
-require("custom-protocol-check");
 require("../../DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
 require("../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
+require("../../../components/PlayableIcon/PlayableIcon.cjs.js");
 require("../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");
 require("../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");
 require("../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");

package/dist/shared/src/containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupSettingsFallback.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/GroupSettingsFallback.tsx"],"sourcesContent":["import { SettingsPanelItem, TableSettingsFallback } from '../../../components'\nimport { FC } from 'react'\nimport { ColumnSettingsContextType } from '../context'\nimport styled from 'styled-components'\nimport { Button, Icon } from '@ynput/ayon-react-components'\n\nconst FieldItem = styled.li`\n display: flex;\n align-items: center;\n padding: 0;\n margin: 0;\n`\n\nconst FieldButton = styled(Button)`\n width: 100%;\n justify-content: start;\n`\n\nexport type GroupByConfig = {\n showEmpty?: boolean\n}\n\nexport interface GroupSettingsProps {\n fields: SettingsPanelItem[]\n config?: GroupByConfig\n onChange?: ColumnSettingsContextType['updateGroupBy']\n groupBy?: ColumnSettingsContextType['groupBy']\n updateGroupBy?: ColumnSettingsContextType['updateGroupBy']\n onConfigChange?: (config: GroupByConfig) => void\n}\n\nexport interface GroupSettingsFallbackProps extends GroupSettingsProps {\n requiredVersion?: string\n}\n\nexport const GroupSettingsFallback: FC<GroupSettingsFallbackProps> = ({\n requiredVersion,\n fields,\n}) => (\n <TableSettingsFallback feature={'groupAttributes'} requiredVersion={requiredVersion}>\n {fields.map((field) => (\n <FieldItem key={field.value}>\n <FieldButton variant=\"text\" icon={field.icon}>\n {field.label}\n <Icon icon={'bolt'} style={{ marginLeft: 'auto' }} />\n </FieldButton>\n </FieldItem>\n ))}\n </TableSettingsFallback>\n)\n"],"names":["Button","TableSettingsFallback","jsx","jsxs","Icon"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAMA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,cAAc,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAsB1B,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AACF,uDACGC,sBAAAA,uBAAsB,EAAA,SAAS,mBAAmB,iBAChD,iBAAO,IAAI,CAAC,UACXC,2BAAAA,kBAAAA,IAAC,aACC,UAACC,kDAAA,aAAA,EAAY,SAAQ,QAAO,MAAM,MAAM,MACrC,UAAA;AAAA,EAAM,MAAA;AAAA,EACPD,iDAACE,oBAAAA,QAAK,MAAM,QAAQ,OAAO,EAAE,YAAY,SAAU,CAAA;AAAA,EAAA,CACrD,EAJc,GAAA,MAAM,KAKtB,CACD,EACH,CAAA;;"}
1	+ {"version":3,"file":"GroupSettingsFallback.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/GroupSettingsFallback.tsx"],"sourcesContent":["import { SettingsPanelItem, TableSettingsFallback } from '../../../components'\nimport { FC } from 'react'\nimport { ColumnSettingsContextType } from '../context'\nimport styled from 'styled-components'\nimport { Button, Icon } from '@ynput/ayon-react-components'\n\nconst FieldItem = styled.li`\n display: flex;\n align-items: center;\n padding: 0;\n margin: 0;\n`\n\nconst FieldButton = styled(Button)`\n width: 100%;\n justify-content: start;\n`\n\nexport type GroupByConfig = {\n showEmpty?: boolean\n}\n\nexport interface GroupSettingsProps {\n fields: SettingsPanelItem[]\n config?: GroupByConfig\n onChange?: ColumnSettingsContextType['updateGroupBy']\n groupBy?: ColumnSettingsContextType['groupBy']\n updateGroupBy?: ColumnSettingsContextType['updateGroupBy']\n onConfigChange?: (config: GroupByConfig) => void\n}\n\nexport interface GroupSettingsFallbackProps extends GroupSettingsProps {\n requiredVersion?: string\n}\n\nexport const GroupSettingsFallback: FC<GroupSettingsFallbackProps> = ({\n requiredVersion,\n fields,\n}) => (\n <TableSettingsFallback feature={'groupAttributes'} requiredVersion={requiredVersion}>\n {fields.map((field) => (\n <FieldItem key={field.value}>\n <FieldButton variant=\"text\" icon={field.icon}>\n {field.label}\n <Icon icon={'bolt'} style={{ marginLeft: 'auto' }} />\n </FieldButton>\n </FieldItem>\n ))}\n </TableSettingsFallback>\n)\n"],"names":["Button","TableSettingsFallback","jsx","jsxs","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,cAAc,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAsB1B,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AACF,uDACGC,sBAAAA,uBAAsB,EAAA,SAAS,mBAAmB,iBAChD,iBAAO,IAAI,CAAC,UACXC,2BAAAA,kBAAAA,IAAC,aACC,UAACC,kDAAA,aAAA,EAAY,SAAQ,QAAO,MAAM,MAAM,MACrC,UAAA;AAAA,EAAM,MAAA;AAAA,EACPD,iDAACE,oBAAAA,QAAK,MAAM,QAAQ,OAAO,EAAE,YAAY,SAAU,CAAA;AAAA,EAAA,CACrD,EAJc,GAAA,MAAM,KAKtB,CACD,EACH,CAAA;;"}

package/dist/shared/src/containers/ProjectTreeTable/components/GroupSettingsFallback.es.js CHANGED Viewed

@@ -136,6 +136,10 @@ import "../context/ColumnSettingsContext.es.js";
 import "../context/ProjectTableContext.es.js";
 import "../context/ProjectTableQueriesContext.es.js";
 import "../context/SelectedRowsContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
 import "../context/ProjectDataContext.es.js";
 import "../widgets/CollapsedWidget.es.js";
 import "../widgets/DateWidget.es.js";
@@ -150,13 +154,10 @@ import "../ProjectTreeTable.styled.es.js";
 import "./SelectionCell.es.js";
 import "./RowSelectionHeader.es.js";
 import "../widgets/LoadMoreWidget.es.js";
-import "../../../../../_virtual/runtime.es.js";
-import "../../../../../_virtual/semver.es.js";
-import "react-redux";
-import "custom-protocol-check";
 import "../../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
 import "../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../../components/PlayableIcon/PlayableIcon.es.js";
 import "../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
 import "../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";

package/dist/shared/src/containers/ProjectTreeTable/components/GroupSettingsFallback.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupSettingsFallback.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/GroupSettingsFallback.tsx"],"sourcesContent":["import { SettingsPanelItem, TableSettingsFallback } from '../../../components'\nimport { FC } from 'react'\nimport { ColumnSettingsContextType } from '../context'\nimport styled from 'styled-components'\nimport { Button, Icon } from '@ynput/ayon-react-components'\n\nconst FieldItem = styled.li`\n display: flex;\n align-items: center;\n padding: 0;\n margin: 0;\n`\n\nconst FieldButton = styled(Button)`\n width: 100%;\n justify-content: start;\n`\n\nexport type GroupByConfig = {\n showEmpty?: boolean\n}\n\nexport interface GroupSettingsProps {\n fields: SettingsPanelItem[]\n config?: GroupByConfig\n onChange?: ColumnSettingsContextType['updateGroupBy']\n groupBy?: ColumnSettingsContextType['groupBy']\n updateGroupBy?: ColumnSettingsContextType['updateGroupBy']\n onConfigChange?: (config: GroupByConfig) => void\n}\n\nexport interface GroupSettingsFallbackProps extends GroupSettingsProps {\n requiredVersion?: string\n}\n\nexport const GroupSettingsFallback: FC<GroupSettingsFallbackProps> = ({\n requiredVersion,\n fields,\n}) => (\n <TableSettingsFallback feature={'groupAttributes'} requiredVersion={requiredVersion}>\n {fields.map((field) => (\n <FieldItem key={field.value}>\n <FieldButton variant=\"text\" icon={field.icon}>\n {field.label}\n <Icon icon={'bolt'} style={{ marginLeft: 'auto' }} />\n </FieldButton>\n </FieldItem>\n ))}\n </TableSettingsFallback>\n)\n"],"names":["jsx","jsxs"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAMA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,cAAc,OAAO,MAAM;AAAA;AAAA;AAAA;AAsB1B,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AACF,4CACG,uBAAsB,EAAA,SAAS,mBAAmB,iBAChD,iBAAO,IAAI,CAAC,UACXA,kCAAAA,IAAC,aACC,UAACC,uCAAA,aAAA,EAAY,SAAQ,QAAO,MAAM,MAAM,MACrC,UAAA;AAAA,EAAM,MAAA;AAAA,EACPD,sCAAC,QAAK,MAAM,QAAQ,OAAO,EAAE,YAAY,SAAU,CAAA;AAAA,EAAA,CACrD,EAJc,GAAA,MAAM,KAKtB,CACD,EACH,CAAA;"}
1	+ {"version":3,"file":"GroupSettingsFallback.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/GroupSettingsFallback.tsx"],"sourcesContent":["import { SettingsPanelItem, TableSettingsFallback } from '../../../components'\nimport { FC } from 'react'\nimport { ColumnSettingsContextType } from '../context'\nimport styled from 'styled-components'\nimport { Button, Icon } from '@ynput/ayon-react-components'\n\nconst FieldItem = styled.li`\n display: flex;\n align-items: center;\n padding: 0;\n margin: 0;\n`\n\nconst FieldButton = styled(Button)`\n width: 100%;\n justify-content: start;\n`\n\nexport type GroupByConfig = {\n showEmpty?: boolean\n}\n\nexport interface GroupSettingsProps {\n fields: SettingsPanelItem[]\n config?: GroupByConfig\n onChange?: ColumnSettingsContextType['updateGroupBy']\n groupBy?: ColumnSettingsContextType['groupBy']\n updateGroupBy?: ColumnSettingsContextType['updateGroupBy']\n onConfigChange?: (config: GroupByConfig) => void\n}\n\nexport interface GroupSettingsFallbackProps extends GroupSettingsProps {\n requiredVersion?: string\n}\n\nexport const GroupSettingsFallback: FC<GroupSettingsFallbackProps> = ({\n requiredVersion,\n fields,\n}) => (\n <TableSettingsFallback feature={'groupAttributes'} requiredVersion={requiredVersion}>\n {fields.map((field) => (\n <FieldItem key={field.value}>\n <FieldButton variant=\"text\" icon={field.icon}>\n {field.label}\n <Icon icon={'bolt'} style={{ marginLeft: 'auto' }} />\n </FieldButton>\n </FieldItem>\n ))}\n </TableSettingsFallback>\n)\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,cAAc,OAAO,MAAM;AAAA;AAAA;AAAA;AAsB1B,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AACF,4CACG,uBAAsB,EAAA,SAAS,mBAAmB,iBAChD,iBAAO,IAAI,CAAC,UACXA,kCAAAA,IAAC,aACC,UAACC,uCAAA,aAAA,EAAY,SAAQ,QAAO,MAAM,MAAM,MACrC,UAAA;AAAA,EAAM,MAAA;AAAA,EACPD,sCAAC,QAAK,MAAM,QAAQ,OAAO,EAAE,YAAY,SAAU,CAAA;AAAA,EAAA,CACrD,EAJc,GAAA,MAAM,KAKtB,CACD,EACH,CAAA;"}

package/dist/shared/src/containers/ProjectTreeTable/components/HeaderActionButton.cjs.js CHANGED Viewed

@@ -4,9 +4,11 @@ const ayonReactComponents = require("@ynput/ayon-react-components");
 const clsx = require("clsx");
 const styled = require("styled-components");
 const ActionButton = styled(ayonReactComponents.Button)`
-  padding: 0px !important;
-  display: none !important;
-  background-color: var(--md-sys-color-surface-container-lowest) !important;
+  &.action {
+    padding: 0px;
+    display: none;
+    background-color: unset;
+  }
   &.selected {
     display: flex !important;

package/dist/shared/src/containers/ProjectTreeTable/components/HeaderActionButton.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderActionButton.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/HeaderActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { FC } from 'react'\nimport styled from 'styled-components'\n\nconst ActionButton = styled(Button)`\n padding: 0px ~~!important~~;\n display: none ~~!important~~;\n background-color: ~~var(--md-sys-color-surface-container-lowest) !important~~;\n\n &.selected {\n display: flex !important;\n }\n`\n\ninterface HeaderActionButtonProps extends ButtonProps {}\n\nconst HeaderActionButton: FC<HeaderActionButtonProps> = ({ selected, style, ...props }) => {\n return (\n <ActionButton\n {...props}\n selected={selected}\n className={clsx(props.className, 'action', { selected })}\n variant=\"text\"\n style={{ ...style }}\n />\n )\n}\n\nexport default HeaderActionButton\n"],"names":["Button","jsx"],"mappings":";;;;;AAKA,MAAM,eAAe,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;~~AAYlC~~,MAAM,qBAAkD,CAAC,EAAE,UAAU,OAAO,GAAG,YAAY;AAEvF,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,MAAM,WAAW,UAAU,EAAE,UAAU;AAAA,MACvD,SAAQ;AAAA,MACR,OAAO,EAAE,GAAG,MAAM;AAAA,IAAA;AAAA,EACpB;AAEJ;;"}
1	+ {"version":3,"file":"HeaderActionButton.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/HeaderActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { FC } from 'react'\nimport styled from 'styled-components'\n\nconst ActionButton = styled(Button)`\n &.action {\n padding: 0px;\n display: none;\n background-color: unset;\n }\n\n &.selected {\n display: flex !important;\n }\n`\n\ninterface HeaderActionButtonProps extends ButtonProps {}\n\nconst HeaderActionButton: FC<HeaderActionButtonProps> = ({ selected, style, ...props }) => {\n return (\n <ActionButton\n {...props}\n selected={selected}\n className={clsx(props.className, 'action', { selected })}\n variant=\"text\"\n style={{ ...style }}\n />\n )\n}\n\nexport default HeaderActionButton\n"],"names":["Button","jsx"],"mappings":";;;;;AAKA,MAAM,eAAe,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAclC,MAAM,qBAAkD,CAAC,EAAE,UAAU,OAAO,GAAG,YAAY;AAEvF,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,MAAM,WAAW,UAAU,EAAE,UAAU;AAAA,MACvD,SAAQ;AAAA,MACR,OAAO,EAAE,GAAG,MAAM;AAAA,IAAA;AAAA,EACpB;AAEJ;;"}

package/dist/shared/src/containers/ProjectTreeTable/components/HeaderActionButton.es.js CHANGED Viewed

@@ -3,9 +3,11 @@ import { Button } from "@ynput/ayon-react-components";
 import clsx from "clsx";
 import styled from "styled-components";
 const ActionButton = styled(Button)`
-  padding: 0px !important;
-  display: none !important;
-  background-color: var(--md-sys-color-surface-container-lowest) !important;
+  &.action {
+    padding: 0px;
+    display: none;
+    background-color: unset;
+  }
   &.selected {
     display: flex !important;

package/dist/shared/src/containers/ProjectTreeTable/components/HeaderActionButton.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderActionButton.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/HeaderActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { FC } from 'react'\nimport styled from 'styled-components'\n\nconst ActionButton = styled(Button)`\n padding: 0px ~~!important~~;\n display: none ~~!important~~;\n background-color: ~~var(--md-sys-color-surface-container-lowest) !important~~;\n\n &.selected {\n display: flex !important;\n }\n`\n\ninterface HeaderActionButtonProps extends ButtonProps {}\n\nconst HeaderActionButton: FC<HeaderActionButtonProps> = ({ selected, style, ...props }) => {\n return (\n <ActionButton\n {...props}\n selected={selected}\n className={clsx(props.className, 'action', { selected })}\n variant=\"text\"\n style={{ ...style }}\n />\n )\n}\n\nexport default HeaderActionButton\n"],"names":["jsx"],"mappings":";;;;AAKA,MAAM,eAAe,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;~~AAYlC~~,MAAM,qBAAkD,CAAC,EAAE,UAAU,OAAO,GAAG,YAAY;AAEvF,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,MAAM,WAAW,UAAU,EAAE,UAAU;AAAA,MACvD,SAAQ;AAAA,MACR,OAAO,EAAE,GAAG,MAAM;AAAA,IAAA;AAAA,EACpB;AAEJ;"}
1	+ {"version":3,"file":"HeaderActionButton.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/HeaderActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { FC } from 'react'\nimport styled from 'styled-components'\n\nconst ActionButton = styled(Button)`\n &.action {\n padding: 0px;\n display: none;\n background-color: unset;\n }\n\n &.selected {\n display: flex !important;\n }\n`\n\ninterface HeaderActionButtonProps extends ButtonProps {}\n\nconst HeaderActionButton: FC<HeaderActionButtonProps> = ({ selected, style, ...props }) => {\n return (\n <ActionButton\n {...props}\n selected={selected}\n className={clsx(props.className, 'action', { selected })}\n variant=\"text\"\n style={{ ...style }}\n />\n )\n}\n\nexport default HeaderActionButton\n"],"names":["jsx"],"mappings":";;;;AAKA,MAAM,eAAe,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAclC,MAAM,qBAAkD,CAAC,EAAE,UAAU,OAAO,GAAG,YAAY;AAEvF,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,MAAM,WAAW,UAAU,EAAE,UAAU;AAAA,MACvD,SAAQ;AAAA,MACR,OAAO,EAAE,GAAG,MAAM;AAAA,IAAA;AAAA,EACpB;AAEJ;"}

package/dist/shared/src/containers/ProjectTreeTable/context/CellEditingContext.cjs.js CHANGED Viewed

@@ -2,21 +2,28 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
 const React = require("react");
+const cellUtils = require("../utils/cellUtils.cjs.js");
 const useUpdateTableData = require("../hooks/useUpdateTableData.cjs.js");
 const reactToastify = require("react-toastify");
 const useHistory = require("../hooks/useHistory.cjs.js");
 const validateUpdateEntities = require("../utils/validateUpdateEntities.cjs.js");
 const ProjectTableContext = require("./ProjectTableContext.cjs.js");
+const SelectionCellsContext = require("./SelectionCellsContext.cjs.js");
+require("@ynput/ayon-react-components");
+require("lodash");
+require("../../../util/pubsub.cjs.js");
+const getTypeDefaultValue = require("../utils/getTypeDefaultValue.cjs.js");
 const CellEditingContext = React.createContext(void 0);
 const CellEditingProvider = ({ children }) => {
   const [editingCellId, setEditingCellId] = React.useState(null);
   const isEditing = React.useCallback((id) => id === editingCellId, [editingCellId]);
   const history = useHistory();
   const { pushHistory, undo: undoHistory, redo: redoHistory, canUndo, canRedo } = history;
+  const { selectedCells } = SelectionCellsContext.useSelectionCellsContext();
   const { updateEntities: updateOverviewEntities, inheritFromParent } = useUpdateTableData({
     pushHistory
   });
-  const { attribFields } = ProjectTableContext.useProjectTableContext();
+  const { attribFields, getEntityById } = ProjectTableContext.useProjectTableContext();
   const handleUpdateEntities = React.useCallback(
     async (entities = [], pushToHistory = true) => {
       try {
@@ -81,6 +88,89 @@ const CellEditingProvider = ({ children }) => {
       });
     }
   };
+  const handleClear = React.useCallback(
+    async (cells) => {
+      const entityUpdates = [];
+      const entityInheriting = [];
+      for (const cellId of cells) {
+        const { colId, rowId } = cellUtils.parseCellId(cellId) || {};
+        if (!colId || !rowId) {
+          console.warn(`Invalid cellId: ${cellId}`);
+          continue;
+        }
+        const entity = getEntityById(rowId);
+        if (!entity) return;
+        const fieldName = colId.replace("attrib_", "");
+        const isAttrib = colId.startsWith("attrib_");
+        if (!fieldName) {
+          console.warn(`Invalid column ID: ${colId}`);
+          continue;
+        }
+        let defaultValue = null;
+        if (isAttrib) {
+          const attribField = attribFields.find((f) => f.name === fieldName);
+          if (!attribField) {
+            console.warn(`Attribute field not found: ${fieldName}`);
+            continue;
+          }
+          if (attribField.data.inherit) {
+            const existingInherit = entityInheriting.find((e) => e.entityId === entity.entityId);
+            if (existingInherit) {
+              existingInherit.attribs.push(fieldName);
+            } else {
+              entityInheriting.push({
+                entityId: entity.entityId,
+                attribs: [fieldName],
+                entityType: entity.entityType,
+                ownAttrib: entity.ownAttrib || [],
+                rowId,
+                folderId: entity.entityType === "folder" ? entity.parentId : entity.entityType === "task" ? entity.folderId : void 0
+              });
+            }
+            continue;
+          } else {
+            defaultValue = attribField.data.default || getTypeDefaultValue.getTypeDefaultValue(attribField.data.type);
+          }
+        } else if (fieldName === "assignees") {
+          defaultValue = getTypeDefaultValue.getTypeDefaultValue("list_of_strings");
+        } else if (fieldName === "tags") {
+          defaultValue = getTypeDefaultValue.getTypeDefaultValue("list_of_strings");
+        } else {
+          console.warn(`Field not editable: ${fieldName}`);
+          continue;
+        }
+        const update = {
+          id: rowId,
+          rowId,
+          field: fieldName,
+          value: defaultValue,
+          isAttrib,
+          type: entity.entityType
+        };
+        entityUpdates.push(update);
+      }
+      if (entityUpdates.length > 0) {
+        try {
+          await handleUpdateEntities(entityUpdates, true);
+        } catch (error) {
+          reactToastify.toast.error("Failed to clear selected cells");
+          console.error("Error clearing selected cells:", error);
+        }
+      }
+      if (entityInheriting.length > 0) {
+        try {
+          await inheritFromParent(entityInheriting, true);
+        } catch (error) {
+          reactToastify.toast.error("Failed to inherit parent values for cleared cells");
+          console.error("Error clearing inherited cells:", error);
+        }
+      }
+      if (entityUpdates.length === 0 && entityInheriting.length === 0) {
+        reactToastify.toast.warn("No valid cells selected to clear");
+      }
+    },
+    [attribFields, updateOverviewEntities]
+  );
   const value = React.useMemo(
     () => ({
       editingCellId,
@@ -120,10 +210,24 @@ const CellEditingProvider = ({ children }) => {
         e.preventDefault();
         if (canRedo) handleRedo();
       }
+      if (e.key === "Backspace" || e.key === "Delete") {
+        if (!selectedCells.size) return;
+        e.preventDefault();
+        const selectedCellElements = Array.from(selectedCells).map(
+          (cellId) => document.getElementById(cellId)
+        );
+        const isEditable = (cell) => cell == null ? void 0 : cell.classList.contains("editable");
+        const editableCells = selectedCellElements.filter(isEditable);
+        if (editableCells.length === 0) {
+          reactToastify.toast.warn("No editable cells selected to clear");
+          return;
+        }
+        handleClear(editableCells.map((cell) => cell == null ? void 0 : cell.id).filter(Boolean));
+      }
     };
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
-  }, [canUndo, canRedo, handleUndo, handleRedo]);
+  }, [canUndo, canRedo, handleUndo, handleRedo, selectedCells, handleClear]);
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CellEditingContext.Provider, { value, children });
 };
 const useCellEditing = () => {

package/dist/shared/src/containers/ProjectTreeTable/context/CellEditingContext.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CellEditingContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/CellEditingContext.tsx"],"sourcesContent":["import React, {\n createContext,\n useContext,\n useState,\n useCallback,\n useMemo,\n useEffect,\n ReactNode,\n} from 'react'\nimport { CellId } from '../utils/cellUtils'\nimport useUpdateTableData, {\n InheritFromParent,\n UpdateTableEntities,\n} from '../hooks/useUpdateTableData'\nimport { toast } from 'react-toastify'\nimport useValidateUpdates from '../utils/validateUpdateEntities'\nimport useHistory, { UseHistoryReturn } from '../hooks/useHistory'\nimport validateUpdateEntities from '../utils/validateUpdateEntities'\nimport { useProjectTableContext } from './ProjectTableContext'\n\nexport interface CellEditingContextType {\n editingCellId: CellId \| null\n setEditingCellId: (id: CellId \| null) => void\n isEditing: (id: CellId) => boolean\n updateEntities: UpdateTableEntities\n inheritFromParent: InheritFromParent\n // Add history functions to context\n history: UseHistoryReturn\n undo: () => Promise<void>\n redo: () => Promise<void>\n}\n\nconst CellEditingContext = createContext<CellEditingContextType \| undefined>(undefined)\n\nexport const CellEditingProvider: React.FC<{ children: ReactNode }> = ({ children }) => {\n const [editingCellId, setEditingCellId] = useState<CellId \| null>(null)\n\n // Memoize these functions to prevent unnecessary re-renders\n const isEditing = useCallback((id: CellId) => id === editingCellId, [editingCellId])\n\n // Get history functions\n const history = useHistory()\n const { pushHistory, undo: undoHistory, redo: redoHistory, canUndo, canRedo } = history\n\n const { updateEntities: updateOverviewEntities, inheritFromParent } = useUpdateTableData({\n pushHistory,\n })\n const { attribFields } = useProjectTableContext()\n\n const handleUpdateEntities: UpdateTableEntities = useCallback(\n async (entities = [], pushToHistory = true) => {\n try {\n // validate the entities before updating\n validateUpdateEntities(entities, attribFields)\n\n // if validation passes, update the entities\n return await updateOverviewEntities(entities, pushToHistory)\n } catch (error: any) {\n // if validation fails, show a toast and return\n toast.error(error.message)\n\n return Promise.reject(error)\n }\n },\n [updateOverviewEntities, attribFields],\n )\n\n // Handle undo\n const handleUndo = async () => {\n const [entitiesToUndo, entitiesToInherit, callbacks] = undoHistory() \|\| []\n\n if (entitiesToUndo && entitiesToUndo.length > 0) {\n try {\n await handleUpdateEntities(entitiesToUndo, false)\n } catch (error) {\n toast.error('Failed to undo changes')\n }\n }\n if (entitiesToInherit && entitiesToInherit.length > 0) {\n try {\n await inheritFromParent(entitiesToInherit, false)\n } catch (error) {\n toast.error('Failed to inherit changes')\n }\n }\n // Execute custom callbacks if any\n if (callbacks && callbacks.length > 0) {\n callbacks.forEach((callback) => {\n try {\n callback()\n } catch (error) {\n toast.error('Failed to execute custom undo action')\n }\n })\n }\n }\n\n // Handle redo\n const handleRedo = async () => {\n const [entitiesToRedo, entitiesToInherit, callbacks] = redoHistory() \|\| []\n\n if (entitiesToRedo && entitiesToRedo.length > 0) {\n try {\n await handleUpdateEntities(entitiesToRedo, false)\n } catch (error) {\n toast.error('Failed to redo changes')\n }\n }\n if (entitiesToInherit && entitiesToInherit.length > 0) {\n try {\n await inheritFromParent(entitiesToInherit, false)\n } catch (error) {\n toast.error('Failed to inherit changes')\n }\n }\n // Execute custom callbacks if any\n if (callbacks && callbacks.length > 0) {\n callbacks.forEach((callback) => {\n try {\n callback()\n } catch (error) {\n toast.error('Failed to execute custom redo action')\n }\n })\n }\n }\n\n const value = useMemo(\n () => ({\n editingCellId,\n setEditingCellId,\n isEditing,\n updateEntities: handleUpdateEntities,\n inheritFromParent,\n undo: handleUndo,\n redo: handleRedo,\n history,\n }),\n [\n editingCellId,\n isEditing,\n handleUpdateEntities,\n inheritFromParent,\n handleUndo,\n handleRedo,\n history,\n ],\n )\n\n // Listen for global undo/redo shortcuts and invoke context handlers\n useEffect(() => {\n const onKeyDown = (e: KeyboardEvent) => {\n const target = e.target as HTMLElement\n if (\n target.tagName === 'INPUT' \|\|\n target.tagName === 'TEXTAREA' \|\|\n target.isContentEditable \|\|\n target.getAttribute('role') === 'textbox' \|\|\n target.tagName === 'LI'\n ) {\n return\n }\n\n const isMac =\n typeof navigator !== 'undefined' &&\n // @ts-expect-error\n ((navigator.userAgentData &&\n // @ts-expect-error\n navigator.userAgentData.platform.toUpperCase().includes('MAC')) \|\|\n navigator.userAgent.toUpperCase().includes('MAC'))\n const ctrlKey = isMac ? e.metaKey : e.ctrlKey\n\n if (ctrlKey && e.key === 'z') {\n e.preventDefault()\n if (canUndo) handleUndo()\n }\n if (\n (ctrlKey && e.key === 'y') \|\|\n (ctrlKey && e.shiftKey && e.key === 'z') \|\|\n (ctrlKey && e.key === 'Z')\n ) {\n e.preventDefault()\n if (canRedo) handleRedo()\n }\n }\n\n document.addEventListener('keydown', onKeyDown)\n return () => document.removeEventListener('keydown', onKeyDown)\n }, [canUndo, canRedo, handleUndo, handleRedo])\n\n return <CellEditingContext.Provider value={value}>{children}</CellEditingContext.Provider>\n}\n\nexport const useCellEditing = (): CellEditingContextType => {\n const context = useContext(CellEditingContext)\n if (context === undefined) {\n throw new Error('useCellEditing must be used within a CellEditingProvider')\n }\n return context\n}\n"],"names":["createContext","useState","useCallback","useProjectTableContext","toast","useMemo","useEffect","jsx","useContext"],"mappings":"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"}
1	+ {"version":3,"file":"CellEditingContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/CellEditingContext.tsx"],"sourcesContent":["import React, {\n createContext,\n useContext,\n useState,\n useCallback,\n useMemo,\n useEffect,\n ReactNode,\n} from 'react'\nimport { CellId, parseCellId } from '../utils/cellUtils'\nimport useUpdateTableData, {\n EntityUpdate,\n InheritFromParent,\n InheritFromParentEntity,\n UpdateTableEntities,\n} from '../hooks/useUpdateTableData'\nimport { toast } from 'react-toastify'\nimport useHistory, { UseHistoryReturn } from '../hooks/useHistory'\nimport validateUpdateEntities from '../utils/validateUpdateEntities'\nimport { useProjectTableContext } from './ProjectTableContext'\nimport { useSelectionCellsContext } from './SelectionCellsContext'\nimport { getTypeDefaultValue } from '../utils'\n\nexport interface CellEditingContextType {\n editingCellId: CellId \| null\n setEditingCellId: (id: CellId \| null) => void\n isEditing: (id: CellId) => boolean\n updateEntities: UpdateTableEntities\n inheritFromParent: InheritFromParent\n // Add history functions to context\n history: UseHistoryReturn\n undo: () => Promise<void>\n redo: () => Promise<void>\n}\n\nconst CellEditingContext = createContext<CellEditingContextType \| undefined>(undefined)\n\nexport const CellEditingProvider: React.FC<{ children: ReactNode }> = ({ children }) => {\n const [editingCellId, setEditingCellId] = useState<CellId \| null>(null)\n\n // Memoize these functions to prevent unnecessary re-renders\n const isEditing = useCallback((id: CellId) => id === editingCellId, [editingCellId])\n\n // Get history functions\n const history = useHistory()\n const { pushHistory, undo: undoHistory, redo: redoHistory, canUndo, canRedo } = history\n\n const { selectedCells } = useSelectionCellsContext()\n const { updateEntities: updateOverviewEntities, inheritFromParent } = useUpdateTableData({\n pushHistory,\n })\n const { attribFields, getEntityById } = useProjectTableContext()\n\n const handleUpdateEntities: UpdateTableEntities = useCallback(\n async (entities = [], pushToHistory = true) => {\n try {\n // validate the entities before updating\n validateUpdateEntities(entities, attribFields)\n\n // if validation passes, update the entities\n return await updateOverviewEntities(entities, pushToHistory)\n } catch (error: any) {\n // if validation fails, show a toast and return\n toast.error(error.message)\n\n return Promise.reject(error)\n }\n },\n [updateOverviewEntities, attribFields],\n )\n\n // Handle undo\n const handleUndo = async () => {\n const [entitiesToUndo, entitiesToInherit, callbacks] = undoHistory() \|\| []\n\n if (entitiesToUndo && entitiesToUndo.length > 0) {\n try {\n await handleUpdateEntities(entitiesToUndo, false)\n } catch (error) {\n toast.error('Failed to undo changes')\n }\n }\n if (entitiesToInherit && entitiesToInherit.length > 0) {\n try {\n await inheritFromParent(entitiesToInherit, false)\n } catch (error) {\n toast.error('Failed to inherit changes')\n }\n }\n // Execute custom callbacks if any\n if (callbacks && callbacks.length > 0) {\n callbacks.forEach((callback) => {\n try {\n callback()\n } catch (error) {\n toast.error('Failed to execute custom undo action')\n }\n })\n }\n }\n\n // Handle redo\n const handleRedo = async () => {\n const [entitiesToRedo, entitiesToInherit, callbacks] = redoHistory() \|\| []\n\n if (entitiesToRedo && entitiesToRedo.length > 0) {\n try {\n await handleUpdateEntities(entitiesToRedo, false)\n } catch (error) {\n toast.error('Failed to redo changes')\n }\n }\n if (entitiesToInherit && entitiesToInherit.length > 0) {\n try {\n await inheritFromParent(entitiesToInherit, false)\n } catch (error) {\n toast.error('Failed to inherit changes')\n }\n }\n // Execute custom callbacks if any\n if (callbacks && callbacks.length > 0) {\n callbacks.forEach((callback) => {\n try {\n callback()\n } catch (error) {\n toast.error('Failed to execute custom redo action')\n }\n })\n }\n }\n\n // Handle clearing cells\n const handleClear = useCallback(\n async (cells: CellId[]) => {\n // we explicity update the value of the cells to their default values\n const entityUpdates: EntityUpdate[] = []\n // of if they are inheritable, we inherit from the parent entity\n const entityInheriting: InheritFromParentEntity[] = []\n\n for (const cellId of cells) {\n const { colId, rowId } = parseCellId(cellId) \|\| {}\n if (!colId \|\| !rowId) {\n console.warn(`Invalid cellId: ${cellId}`)\n continue\n }\n\n // get the entity from the rowId\n const entity = getEntityById(rowId)\n\n if (!entity) return\n\n // get the field name and check if it is an attribute\n const fieldName = colId.replace('attrib_', '')\n const isAttrib = colId.startsWith('attrib_')\n\n if (!fieldName) {\n console.warn(`Invalid column ID: ${colId}`)\n continue\n }\n\n let defaultValue: any = null\n if (isAttrib) {\n // find default value for the attribute\n const attribField = attribFields.find((f) => f.name === fieldName)\n if (!attribField) {\n console.warn(`Attribute field not found: ${fieldName}`)\n continue\n }\n // check if the attribute is inheritable\n if (attribField.data.inherit) {\n // inherit from parent entity\n // check if this entity has already been added to the inheriting list\n const existingInherit = entityInheriting.find((e) => e.entityId === entity.entityId)\n if (existingInherit) {\n // add the attrib to the existing entity\n existingInherit.attribs.push(fieldName)\n } else {\n // add a new entity to the inheriting list\n entityInheriting.push({\n entityId: entity.entityId,\n attribs: [fieldName],\n entityType: entity.entityType,\n ownAttrib: entity.ownAttrib \|\| [],\n rowId: rowId,\n folderId:\n entity.entityType === 'folder'\n ? entity.parentId\n : entity.entityType === 'task'\n ? entity.folderId\n : undefined,\n })\n }\n continue\n } else {\n // set explicit default value\n defaultValue = attribField.data.default \|\| getTypeDefaultValue(attribField.data.type)\n }\n } else if (fieldName === 'assignees') {\n // for assignees, we set it to an empty array\n defaultValue = getTypeDefaultValue('list_of_strings')\n } else if (fieldName === 'tags') {\n // for tags, we set it to an empty array\n defaultValue = getTypeDefaultValue('list_of_strings')\n } else {\n // we ignore other fields\n console.warn(`Field not editable: ${fieldName}`)\n continue\n }\n\n // create the entity update\n const update: EntityUpdate = {\n id: rowId,\n rowId: rowId,\n field: fieldName,\n value: defaultValue,\n isAttrib,\n type: entity.entityType,\n }\n\n entityUpdates.push(update)\n }\n\n // if we have updates, call the updateEntities function\n if (entityUpdates.length > 0) {\n try {\n await handleUpdateEntities(entityUpdates, true)\n } catch (error) {\n toast.error('Failed to clear selected cells')\n console.error('Error clearing selected cells:', error)\n }\n }\n\n // if we have inheritable attributes, call inheritFromParent\n if (entityInheriting.length > 0) {\n try {\n await inheritFromParent(entityInheriting, true)\n } catch (error) {\n toast.error('Failed to inherit parent values for cleared cells')\n console.error('Error clearing inherited cells:', error)\n }\n }\n\n // if nothing was done, warn the user\n if (entityUpdates.length === 0 && entityInheriting.length === 0) {\n toast.warn('No valid cells selected to clear')\n }\n },\n [attribFields, updateOverviewEntities],\n )\n\n const value = useMemo(\n () => ({\n editingCellId,\n setEditingCellId,\n isEditing,\n updateEntities: handleUpdateEntities,\n inheritFromParent,\n undo: handleUndo,\n redo: handleRedo,\n history,\n }),\n [\n editingCellId,\n isEditing,\n handleUpdateEntities,\n inheritFromParent,\n handleUndo,\n handleRedo,\n history,\n ],\n )\n\n // Listen for shortcuts\n // undo - ctrl + z\n // redo - ctrl + y or ctrl + shift + z\n // clear - backspace or delete\n useEffect(() => {\n const onKeyDown = (e: KeyboardEvent) => {\n const target = e.target as HTMLElement\n if (\n target.tagName === 'INPUT' \|\|\n target.tagName === 'TEXTAREA' \|\|\n target.isContentEditable \|\|\n target.getAttribute('role') === 'textbox' \|\|\n target.tagName === 'LI'\n ) {\n return\n }\n\n const isMac =\n typeof navigator !== 'undefined' &&\n // @ts-expect-error\n ((navigator.userAgentData &&\n // @ts-expect-error\n navigator.userAgentData.platform.toUpperCase().includes('MAC')) \|\|\n navigator.userAgent.toUpperCase().includes('MAC'))\n const ctrlKey = isMac ? e.metaKey : e.ctrlKey\n\n // undo\n if (ctrlKey && e.key === 'z') {\n e.preventDefault()\n if (canUndo) handleUndo()\n }\n // redo\n if (\n (ctrlKey && e.key === 'y') \|\|\n (ctrlKey && e.shiftKey && e.key === 'z') \|\|\n (ctrlKey && e.key === 'Z')\n ) {\n e.preventDefault()\n if (canRedo) handleRedo()\n }\n // clear\n if (e.key === 'Backspace' \|\| e.key === 'Delete') {\n // check we have cells selected\n if (!selectedCells.size) return\n e.preventDefault()\n\n // find selected cells elements\n const selectedCellElements = Array.from(selectedCells).map((cellId) =>\n document.getElementById(cellId),\n )\n\n // check the cell is editable from the classnames\n const isEditable = (cell: HTMLElement \| null) => cell?.classList.contains('editable')\n\n // filter out non-editable cells\n const editableCells = selectedCellElements.filter(isEditable)\n if (editableCells.length === 0) {\n toast.warn('No editable cells selected to clear')\n return\n }\n // clear the selected cells\n handleClear(editableCells.map((cell) => cell?.id).filter(Boolean) as CellId[])\n }\n }\n\n document.addEventListener('keydown', onKeyDown)\n return () => document.removeEventListener('keydown', onKeyDown)\n }, [canUndo, canRedo, handleUndo, handleRedo, selectedCells, handleClear])\n\n return <CellEditingContext.Provider value={value}>{children}</CellEditingContext.Provider>\n}\n\nexport const useCellEditing = (): CellEditingContextType => {\n const context = useContext(CellEditingContext)\n if (context === undefined) {\n throw new Error('useCellEditing must be used within a CellEditingProvider')\n }\n return context\n}\n"],"names":["createContext","useState","useCallback","useSelectionCellsContext","useProjectTableContext","toast","parseCellId","getTypeDefaultValue","useMemo","useEffect","jsx","useContext"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/context/CellEditingContext.es.js CHANGED Viewed

@@ -1,20 +1,27 @@
 import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
 import { createContext, useContext, useState, useCallback, useMemo, useEffect } from "react";
+import { parseCellId } from "../utils/cellUtils.es.js";
 import useUpdateTableData from "../hooks/useUpdateTableData.es.js";
 import { toast } from "react-toastify";
 import useHistory from "../hooks/useHistory.es.js";
 import validateUpdateEntities from "../utils/validateUpdateEntities.es.js";
 import { useProjectTableContext } from "./ProjectTableContext.es.js";
+import { useSelectionCellsContext } from "./SelectionCellsContext.es.js";
+import "@ynput/ayon-react-components";
+import "lodash";
+import "../../../util/pubsub.es.js";
+import { getTypeDefaultValue } from "../utils/getTypeDefaultValue.es.js";
 const CellEditingContext = createContext(void 0);
 const CellEditingProvider = ({ children }) => {
   const [editingCellId, setEditingCellId] = useState(null);
   const isEditing = useCallback((id) => id === editingCellId, [editingCellId]);
   const history = useHistory();
   const { pushHistory, undo: undoHistory, redo: redoHistory, canUndo, canRedo } = history;
+  const { selectedCells } = useSelectionCellsContext();
   const { updateEntities: updateOverviewEntities, inheritFromParent } = useUpdateTableData({
     pushHistory
   });
-  const { attribFields } = useProjectTableContext();
+  const { attribFields, getEntityById } = useProjectTableContext();
   const handleUpdateEntities = useCallback(
     async (entities = [], pushToHistory = true) => {
       try {
@@ -79,6 +86,89 @@ const CellEditingProvider = ({ children }) => {
       });
     }
   };
+  const handleClear = useCallback(
+    async (cells) => {
+      const entityUpdates = [];
+      const entityInheriting = [];
+      for (const cellId of cells) {
+        const { colId, rowId } = parseCellId(cellId) || {};
+        if (!colId || !rowId) {
+          console.warn(`Invalid cellId: ${cellId}`);
+          continue;
+        }
+        const entity = getEntityById(rowId);
+        if (!entity) return;
+        const fieldName = colId.replace("attrib_", "");
+        const isAttrib = colId.startsWith("attrib_");
+        if (!fieldName) {
+          console.warn(`Invalid column ID: ${colId}`);
+          continue;
+        }
+        let defaultValue = null;
+        if (isAttrib) {
+          const attribField = attribFields.find((f) => f.name === fieldName);
+          if (!attribField) {
+            console.warn(`Attribute field not found: ${fieldName}`);
+            continue;
+          }
+          if (attribField.data.inherit) {
+            const existingInherit = entityInheriting.find((e) => e.entityId === entity.entityId);
+            if (existingInherit) {
+              existingInherit.attribs.push(fieldName);
+            } else {
+              entityInheriting.push({
+                entityId: entity.entityId,
+                attribs: [fieldName],
+                entityType: entity.entityType,
+                ownAttrib: entity.ownAttrib || [],
+                rowId,
+                folderId: entity.entityType === "folder" ? entity.parentId : entity.entityType === "task" ? entity.folderId : void 0
+              });
+            }
+            continue;
+          } else {
+            defaultValue = attribField.data.default || getTypeDefaultValue(attribField.data.type);
+          }
+        } else if (fieldName === "assignees") {
+          defaultValue = getTypeDefaultValue("list_of_strings");
+        } else if (fieldName === "tags") {
+          defaultValue = getTypeDefaultValue("list_of_strings");
+        } else {
+          console.warn(`Field not editable: ${fieldName}`);
+          continue;
+        }
+        const update = {
+          id: rowId,
+          rowId,
+          field: fieldName,
+          value: defaultValue,
+          isAttrib,
+          type: entity.entityType
+        };
+        entityUpdates.push(update);
+      }
+      if (entityUpdates.length > 0) {
+        try {
+          await handleUpdateEntities(entityUpdates, true);
+        } catch (error) {
+          toast.error("Failed to clear selected cells");
+          console.error("Error clearing selected cells:", error);
+        }
+      }
+      if (entityInheriting.length > 0) {
+        try {
+          await inheritFromParent(entityInheriting, true);
+        } catch (error) {
+          toast.error("Failed to inherit parent values for cleared cells");
+          console.error("Error clearing inherited cells:", error);
+        }
+      }
+      if (entityUpdates.length === 0 && entityInheriting.length === 0) {
+        toast.warn("No valid cells selected to clear");
+      }
+    },
+    [attribFields, updateOverviewEntities]
+  );
   const value = useMemo(
     () => ({
       editingCellId,
@@ -118,10 +208,24 @@ const CellEditingProvider = ({ children }) => {
         e.preventDefault();
         if (canRedo) handleRedo();
       }
+      if (e.key === "Backspace" || e.key === "Delete") {
+        if (!selectedCells.size) return;
+        e.preventDefault();
+        const selectedCellElements = Array.from(selectedCells).map(
+          (cellId) => document.getElementById(cellId)
+        );
+        const isEditable = (cell) => cell == null ? void 0 : cell.classList.contains("editable");
+        const editableCells = selectedCellElements.filter(isEditable);
+        if (editableCells.length === 0) {
+          toast.warn("No editable cells selected to clear");
+          return;
+        }
+        handleClear(editableCells.map((cell) => cell == null ? void 0 : cell.id).filter(Boolean));
+      }
     };
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
-  }, [canUndo, canRedo, handleUndo, handleRedo]);
+  }, [canUndo, canRedo, handleUndo, handleRedo, selectedCells, handleClear]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CellEditingContext.Provider, { value, children });
 };
 const useCellEditing = () => {