@ynput/ayon-frontend-shared 0.2.26 → 0.2.28

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

@@ -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 { LinkColumnHeader, 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'\nimport { LinkTypeModel } from '@shared/api'\nimport { LinkWidgetData } from './widgets/LinksWidget'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { getEntityTypeIcon } from '@shared/util'\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 const getLinkLabel = (\n  link: Pick<LinkTypeModel, 'linkType'>,\n  direction: 'in' | 'out' | string,\n) => `${link.linkType.charAt(0).toUpperCase() + link.linkType.slice(1)} (${direction})`\n\nexport const getLinkKey = (link: Pick<LinkTypeModel, 'name'>, direction: 'in' | 'out' | string) =>\n  `${link.name.replaceAll('_', '').replaceAll('-', '').replaceAll('|', '_')}_${direction}`\n\nexport const getLinkColumnId = (\n  link: Pick<LinkTypeModel, 'name'>,\n  direction: 'in' | 'out' | string,\n) => `link_${getLinkKey(link, direction)}`\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  links: LinkTypeModel[]\n  showHierarchy: boolean\n  options: BuiltInFieldOptions\n  excluded?: (DefaultColumns | string)[]\n  extraColumns?: TreeTableExtraColumn[]\n  groupBy?: TableGroupBy\n}\n\nconst buildTreeTableColumns = ({\n  attribs,\n  links = [],\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.parents?.join('/') : 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 (!isIncluded(columnId)) return false\n      if (attrib.builtin && !isIncluded('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 linkColumns: ColumnDef<TableRow>[] = links\n    .filter((link) => {\n      // Check if the link type is excluded\n      if (!isIncluded(link.linkType) || !isIncluded('link')) return false\n      return true\n    })\n    .flatMap((link) => {\n      const createLinkColumn = (direction: 'in' | 'out'): ColumnDef<TableRow> => {\n        return {\n          id: getLinkColumnId(link, direction),\n          accessorKey: `links.${getLinkKey(link, direction)}`,\n          header: () => (\n            <LinkColumnHeader>\n              {getLinkLabel(link, direction)}{' '}\n              <Icon\n                icon={getEntityTypeIcon(direction === 'in' ? link.inputType : link.outputType)}\n              />\n            </LinkColumnHeader>\n          ),\n          minSize: MIN_SIZE,\n          enableSorting: false,\n          enableResizing: true,\n          enablePinning: true,\n          enableHiding: true,\n          cell: ({ row, column }) => {\n            const columnIdParsed = column.id.replace('link_', '')\n\n            const { id, value } = getValueIdType(row, columnIdParsed, 'links')\n            const cellValue = value?.map((v: any) => v.label)\n            const valueData: LinkWidgetData = {\n              links: value,\n              direction: direction,\n              entityId: row.original.entityId || row.original.id,\n              entityType: row.original.entityType,\n              link: {\n                label: link.linkType,\n                linkType: link.name,\n                targetEntityType: direction === 'in' ? link.inputType : link.outputType,\n              },\n            }\n\n            return (\n              <CellWidget\n                rowId={id}\n                className={clsx('links', { loading: row.original.isLoading })}\n                columnId={column.id}\n                value={cellValue}\n                valueData={valueData}\n                folderId={row.original.folderId}\n                attributeData={{ type: 'links' }}\n              />\n            )\n          },\n        }\n      }\n\n      return [createLinkColumn('in'), createLinkColumn('out')]\n    })\n\n  const allColumns = [...staticColumns, ...attributeColumns, ...linkColumns]\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":["MIN_SIZE","withLoadingStateSort","sortFn","rowA","rowB","args","nameSort","labelA","labelB","pathSort","attribSort","columnId","attrib","valueA","getCellValue","valueB","indexA","o","indexB","sortingFns","getLinkLabel","link","direction","getLinkKey","getLinkColumnId","buildTreeTableColumns","attribs","links","showHierarchy","options","excluded","extraColumns","groupBy","staticColumns","isIncluded","id","ROW_SELECTION_COLUMN_ID","jsx","RowSelectionHeader","row","SelectionCell","column","table","meta","cellId","getCellId","ThumbnailWidget","clsx","NEXT_PAGE_ID","LoadMoreWidget","_a","TableCellContent","GroupHeaderWidget","EntityNameWidget","a","b","c","value","type","getValueIdType","CellWidget","s","_b","fieldId","_c","attributeColumns","columnIdParsed","isInherited","linkColumns","createLinkColumn","jsxs","LinkColumnHeader","Icon","getEntityTypeIcon","cellValue","v","valueData","allColumns","position","field","nestedField"],"mappings":"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"}
+{"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 { LinkColumnHeader, 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'\nimport { LinkTypeModel } from '@shared/api'\nimport { LinkWidgetData } from './widgets/LinksWidget'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { getEntityTypeIcon } from '@shared/util'\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 const getLinkLabel = (\n  link: Pick<LinkTypeModel, 'linkType'>,\n  direction: 'in' | 'out' | string,\n) => `${link.linkType.charAt(0).toUpperCase() + link.linkType.slice(1)} (${direction})`\n\nexport const getLinkKey = (link: Pick<LinkTypeModel, 'name'>, direction: 'in' | 'out' | string) =>\n  `${link.name.replaceAll('_', '').replaceAll('-', '').replaceAll('|', '_')}_${direction}`\n\nexport const getLinkColumnId = (\n  link: Pick<LinkTypeModel, 'name'>,\n  direction: 'in' | 'out' | string,\n) => `link_${getLinkKey(link, direction)}`\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  links: LinkTypeModel[]\n  showHierarchy: boolean\n  options: BuiltInFieldOptions\n  excluded?: (DefaultColumns | string)[]\n  extraColumns?: TreeTableExtraColumn[]\n  groupBy?: TableGroupBy\n}\n\nconst buildTreeTableColumns = ({\n  attribs,\n  links = [],\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.parents?.join('/') : 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) || meta?.readOnly?.includes(fieldId)}\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 (!isIncluded(columnId)) return false\n      if (attrib.builtin && !isIncluded('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          const isTypeInScope = attrib.scope?.includes(type as (typeof attrib.scope)[number])\n\n          // if the attribute is not in scope, we should nothing\n          if (!isTypeInScope) 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                // check attrib is not read only\n                attrib.readOnly ||\n                // check if there is any other reason the cell should be read only\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 linkColumns: ColumnDef<TableRow>[] = links\n    .filter((link) => {\n      // Check if the link type is excluded\n      if (!isIncluded(link.linkType) || !isIncluded('link')) return false\n      return true\n    })\n    .flatMap((link) => {\n      const createLinkColumn = (direction: 'in' | 'out'): ColumnDef<TableRow> => {\n        return {\n          id: getLinkColumnId(link, direction),\n          accessorKey: `links.${getLinkKey(link, direction)}`,\n          header: () => (\n            <LinkColumnHeader>\n              {getLinkLabel(link, direction)}{' '}\n              <Icon\n                icon={getEntityTypeIcon(direction === 'in' ? link.inputType : link.outputType)}\n              />\n            </LinkColumnHeader>\n          ),\n          minSize: MIN_SIZE,\n          enableSorting: false,\n          enableResizing: true,\n          enablePinning: true,\n          enableHiding: true,\n          cell: ({ row, column }) => {\n            const columnIdParsed = column.id.replace('link_', '')\n\n            const { id, value } = getValueIdType(row, columnIdParsed, 'links')\n            const cellValue = value?.map((v: any) => v.label)\n            const valueData: LinkWidgetData = {\n              links: value,\n              direction: direction,\n              entityId: row.original.entityId || row.original.id,\n              entityType: row.original.entityType,\n              link: {\n                label: link.linkType,\n                linkType: link.name,\n                targetEntityType: direction === 'in' ? link.inputType : link.outputType,\n              },\n            }\n\n            return (\n              <CellWidget\n                rowId={id}\n                className={clsx('links', { loading: row.original.isLoading })}\n                columnId={column.id}\n                value={cellValue}\n                valueData={valueData}\n                folderId={row.original.folderId}\n                attributeData={{ type: 'links' }}\n              />\n            )\n          },\n        }\n      }\n\n      return [createLinkColumn('in'), createLinkColumn('out')]\n    })\n\n  const allColumns = [...staticColumns, ...attributeColumns, ...linkColumns]\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":["MIN_SIZE","withLoadingStateSort","sortFn","rowA","rowB","args","nameSort","labelA","labelB","pathSort","attribSort","columnId","attrib","valueA","getCellValue","valueB","indexA","o","indexB","sortingFns","getLinkLabel","link","direction","getLinkKey","getLinkColumnId","buildTreeTableColumns","attribs","links","showHierarchy","options","excluded","extraColumns","groupBy","staticColumns","isIncluded","id","ROW_SELECTION_COLUMN_ID","jsx","RowSelectionHeader","row","SelectionCell","column","table","meta","cellId","getCellId","ThumbnailWidget","clsx","NEXT_PAGE_ID","LoadMoreWidget","_a","TableCellContent","GroupHeaderWidget","EntityNameWidget","a","b","c","value","type","getValueIdType","CellWidget","s","_b","fieldId","_c","_d","attributeColumns","columnIdParsed","isInherited","linkColumns","createLinkColumn","jsxs","LinkColumnHeader","Icon","getEntityTypeIcon","cellValue","v","valueData","allColumns","position","field","nestedField"],"mappings":"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"}

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

@@ -1,59 +1,22 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../_virtual/jsx-runtime.cjs.js"),p=require("@ynput/ayon-react-components"),r=require("styled-components"),v=r.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  height: 32px;
-  padding: 0 12px;
-  cursor: pointer;
-  border-radius: 4px;
-
-  &:hover {
-    background-color: var(--md-sys-color-surface-container);
-  }
-
-  .icon {
-    font-size: 16px;
-    color: var(--md-sys-color-on-surface);
-  }
-
-  span {
-    font-size: 14px;
-    color: var(--md-sys-color-on-surface);
-  }
-`,b=r.div`
-  height: 1px;
-  background-color: #41474D;
-`,y=r(p.Dropdown)`
-  height: 24px;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../../_virtual/jsx-runtime.cjs.js"),b=require("@ynput/ayon-react-components"),v=require("styled-components"),C=require("react"),j=require("../../../context/MenuContext.cjs.js"),y=require("../../../../../src/components/Menu/MenuComponents/Menu.cjs.js"),M=require("../../../../../src/components/Menu/MenuComponents/MenuContainer2.cjs.js"),R=v(b.Button)`
+  background-color: unset !important;
+  z-index: 110;
+  position: relative;
+  padding: 2px;
   width: 24px;
+  height: 24px;
 
-  button {
-    background-color: transparent;
-    border: none;
-    padding: 0;
-    min-height: 24px;
-    width: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &:hover {
-      background-color: var(--md-sys-color-surface-container);
-    }
-
-    & > div {
-      border: none;
-      padding: 0;
-      gap: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
+  &.hasIcon {
+    padding: 2px;
   }
 
-  .icon {
-    font-size: 16px;
-    color: var(--md-sys-color-on-surface);
+  &:hover,
+  &.active {
+    background-color: var(--md-sys-color-surface-container-hover) !important;
   }
-`,j=({header:f,canHide:l,canPin:c,canSort:t,isResizing:x})=>{const{column:i}=f;if(x)return null;const a=i.getIsPinned(),d=i.getIsVisible(),e=[];if(c){const n=a==="left";e.push({value:"pin",label:n?"Unpin column":"Pin column",icon:"push_pin"})}if(c&&t&&e.push({value:"divider1",label:"",icon:""}),t&&(e.push({value:"sort-asc",label:"Sort ascending",icon:"sort"}),e.push({value:"sort-desc",label:"Sort descending",icon:"sort"})),t&&l&&e.push({value:"divider2",label:"",icon:""}),l&&e.push({value:"hide",label:d?"Hide column":"Show column",icon:d?"visibility_off":"visibility"}),e.length===0)return null;const g=n=>{const o=n[0];o==="hide"?i.toggleVisibility():o==="pin"?a==="left"?i.pin(!1):i.pin("left"):o==="sort-asc"?i.toggleSorting(!1):o==="sort-desc"&&i.toggleSorting(!0)};return s.jsxRuntimeExports.jsx(y,{value:[],options:e,onChange:g,dropIcon:"more_horiz",multiSelect:!1,listStyle:{minWidth:"160px",border:"none",display:"flex",flexDirection:"column",gap:"8px",padding:"8px"},placeholder:"",itemTemplate:n=>{if(n.value.startsWith("divider"))return s.jsxRuntimeExports.jsx(b,{});const o=e.findIndex(h=>h.value===n.value),u=o===0,m=o===e.length-1;return s.jsxRuntimeExports.jsxs(v,{isFirst:u,isLast:m,children:[s.jsxRuntimeExports.jsx(p.Icon,{icon:n.icon}),s.jsxRuntimeExports.jsx("span",{children:n.label})]})}})};exports.ColumnHeaderMenu=j;
+
+  ${({$isOpen:s})=>s&&`
+    background-color: var(--md-sys-color-surface-container-hover) !important;
+  `}
+`,k=({header:s,canHide:c,canPin:u,canSort:r,isResizing:f,className:g,menuId:l,isOpen:m})=>{const{column:n}=s,{toggleMenuOpen:x}=j.useMenuContext(),a=C.useRef(null);if(f)return null;const t=(e=!0)=>{x(e&&l||!1)},h=n.getIsPinned(),d=n.getIsVisible(),p=n.getIsSorted(),o=[];if(u){const e=h==="left";o.push({id:"pin",label:e?"Unpin column":"Pin column",icon:"push_pin",selected:e,onClick:()=>{e?n.pin(!1):n.pin("left"),t(!1)}})}return u&&r&&o.push({id:"divider",type:"divider"}),r&&(o.push({id:"sort-asc",label:"Sort ascending",icon:"sort",className:"sort-asc-icon",selected:p==="asc",onClick:()=>{n.toggleSorting(!1),t(!1)}}),o.push({id:"sort-desc",label:"Sort descending",icon:"sort",className:"sort-desc-icon",selected:p==="desc",onClick:()=>{n.toggleSorting(!0),t(!1)}})),r&&c&&o.push({id:"divider",type:"divider"}),c&&o.push({id:"hide",label:d?"Hide column":"Show column",icon:d?"visibility_off":"visibility",onClick:()=>{n.toggleVisibility(),t(!1)}}),o.length===0?null:i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(R,{ref:a,className:g,onClick:e=>{e.stopPropagation(),t()},icon:"more_horiz",id:l,$isOpen:m||!1}),i.jsxRuntimeExports.jsx(M,{target:a.current,id:l,align:"left",onClose:e=>{e.stopPropagation(),t(!1)},children:i.jsxRuntimeExports.jsx(y,{menu:o,onClose:()=>t(!1)})})]})};exports.ColumnHeaderMenu=k;
 //# sourceMappingURL=ColumnHeaderMenu.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnHeaderMenu.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/ColumnHeaderMenu.tsx"],"sourcesContent":["import { Dropdown, Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { Header } from '@tanstack/react-table'\nimport type { TableRow } from '../types/table'\n\nconst MenuItem = styled.div<{ isFirst?: boolean; isLast?: boolean }>`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  height: 32px;\n  padding: 0 12px;\n  cursor: pointer;\n  border-radius: 4px;\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container);\n  }\n\n  .icon {\n    font-size: 16px;\n    color: var(--md-sys-color-on-surface);\n  }\n\n  span {\n    font-size: 14px;\n    color: var(--md-sys-color-on-surface);\n  }\n`\n\nconst Divider = styled.div`\n  height: 1px;\n  background-color: #41474D;\n`\n\nconst StyledDropdown = styled(Dropdown)`\n  height: 24px;\n  width: 24px;\n\n  button {\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    min-height: 24px;\n    width: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container);\n    }\n\n    & > div {\n      border: none;\n      padding: 0;\n      gap: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  .icon {\n    font-size: 16px;\n    color: var(--md-sys-color-on-surface);\n  }\n`\n\ninterface MenuOption {\n  value: string\n  label: string\n  icon: string\n}\n\ninterface ColumnHeaderMenuProps {\n  header: Header<TableRow, unknown>\n  canHide?: boolean\n  canPin?: boolean\n  canSort?: boolean\n  isResizing?: boolean\n}\n\nexport const ColumnHeaderMenu = ({\n  header,\n  canHide,\n  canPin,\n  canSort,\n  isResizing,\n}: ColumnHeaderMenuProps) => {\n  const { column } = header\n\n  // Hide the menu when resizing\n  if (isResizing) {\n    return null\n  }\n\n  // Get current column state - we need to call these methods directly to get fresh state\n  const isPinned = column.getIsPinned()\n  const isVisible = column.getIsVisible()\n\n  const menuOptions: MenuOption[] = []\n\n  if (canPin) {\n    const isPinnedLeft = isPinned === 'left'\n    menuOptions.push({\n      value: 'pin',\n      label: isPinnedLeft ? 'Unpin column' : 'Pin column',\n      icon: 'push_pin',\n    })\n  }\n\n  if (canPin && canSort) {\n    menuOptions.push({\n      value: 'divider1',\n      label: '',\n      icon: '',\n    })\n  }\n\n  if (canSort) {\n    menuOptions.push({\n      value: 'sort-asc',\n      label: 'Sort ascending',\n      icon: 'sort',\n    })\n\n    menuOptions.push({\n      value: 'sort-desc',\n      label: 'Sort descending',\n      icon: 'sort',\n    })\n  }\n\n  if (canSort && canHide) {\n    menuOptions.push({\n      value: 'divider2',\n      label: '',\n      icon: '',\n    })\n  }\n\n  if (canHide) {\n    menuOptions.push({\n      value: 'hide',\n      label: isVisible ? 'Hide column' : 'Show column',\n      icon: isVisible ? 'visibility_off' : 'visibility',\n    })\n  }\n\n  if (menuOptions.length === 0) {\n    return null\n  }\n\n  const handleMenuChange = (value: string[]) => {\n    const selectedValue = value[0]\n\n    if (selectedValue === 'hide') {\n      // Toggle column visibility directly\n      column.toggleVisibility()\n    } else if (selectedValue === 'pin') {\n      const isPinnedLeft = isPinned === 'left'\n      if (isPinnedLeft) {\n        // Unpin the column\n        column.pin(false)\n      } else {\n        // Pin the column to the left\n        column.pin('left')\n      }\n    } else if (selectedValue === 'sort-asc') {\n      column.toggleSorting(false) // false for ascending\n    } else if (selectedValue === 'sort-desc') {\n      column.toggleSorting(true) // true for descending\n    }\n  }\n\n  return (\n    <StyledDropdown\n      value={[]}\n      options={menuOptions}\n      onChange={handleMenuChange}\n      dropIcon=\"more_horiz\"\n      multiSelect={false}\n      listStyle={{\n        minWidth: '160px',\n        border: 'none',\n        display: 'flex',\n        flexDirection: 'column',\n        gap: '8px',\n        padding: '8px',\n      }}\n      placeholder=\"\"\n      itemTemplate={(option) => {\n        // Check if this is a divider\n        if (option.value.startsWith('divider')) {\n          return <Divider />\n        }\n\n        const menuItemIndex = menuOptions.findIndex((item) => item.value === option.value)\n        const isFirst = menuItemIndex === 0\n        const isLast = menuItemIndex === menuOptions.length - 1\n\n        return (\n          <MenuItem isFirst={isFirst} isLast={isLast}>\n            <Icon icon={option.icon} />\n            <span>{option.label}</span>\n          </MenuItem>\n        )\n      }}\n    />\n  )\n}\n"],"names":["MenuItem","styled","Divider","StyledDropdown","Dropdown","ColumnHeaderMenu","header","canHide","canPin","canSort","isResizing","column","isPinned","isVisible","menuOptions","isPinnedLeft","handleMenuChange","value","selectedValue","jsx","option","menuItemIndex","item","isFirst","isLast","jsxs","Icon"],"mappings":"uNAKMA,EAAWC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBlBC,EAAUD,EAAO;AAAA;AAAA;AAAA,EAKjBE,EAAiBF,EAAOG,UAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgDzBC,EAAmB,CAAC,CAC/B,OAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,WAAAC,CACF,IAA6B,CACrB,KAAA,CAAE,OAAAC,GAAWL,EAGnB,GAAII,EACK,OAAA,KAIH,MAAAE,EAAWD,EAAO,YAAY,EAC9BE,EAAYF,EAAO,aAAa,EAEhCG,EAA4B,CAAC,EAEnC,GAAIN,EAAQ,CACV,MAAMO,EAAeH,IAAa,OAClCE,EAAY,KAAK,CACf,MAAO,MACP,MAAOC,EAAe,eAAiB,aACvC,KAAM,UAAA,CACP,CAAA,CAyCC,GAtCAP,GAAUC,GACZK,EAAY,KAAK,CACf,MAAO,WACP,MAAO,GACP,KAAM,EAAA,CACP,EAGCL,IACFK,EAAY,KAAK,CACf,MAAO,WACP,MAAO,iBACP,KAAM,MAAA,CACP,EAEDA,EAAY,KAAK,CACf,MAAO,YACP,MAAO,kBACP,KAAM,MAAA,CACP,GAGCL,GAAWF,GACbO,EAAY,KAAK,CACf,MAAO,WACP,MAAO,GACP,KAAM,EAAA,CACP,EAGCP,GACFO,EAAY,KAAK,CACf,MAAO,OACP,MAAOD,EAAY,cAAgB,cACnC,KAAMA,EAAY,iBAAmB,YAAA,CACtC,EAGCC,EAAY,SAAW,EAClB,OAAA,KAGH,MAAAE,EAAoBC,GAAoB,CACtC,MAAAC,EAAgBD,EAAM,CAAC,EAEzBC,IAAkB,OAEpBP,EAAO,iBAAiB,EACfO,IAAkB,MACNN,IAAa,OAGhCD,EAAO,IAAI,EAAK,EAGhBA,EAAO,IAAI,MAAM,EAEVO,IAAkB,WAC3BP,EAAO,cAAc,EAAK,EACjBO,IAAkB,aAC3BP,EAAO,cAAc,EAAI,CAE7B,EAGE,OAAAQ,EAAA,kBAAA,IAAChB,EAAA,CACC,MAAO,CAAC,EACR,QAASW,EACT,SAAUE,EACV,SAAS,aACT,YAAa,GACb,UAAW,CACT,SAAU,QACV,OAAQ,OACR,QAAS,OACT,cAAe,SACf,IAAK,MACL,QAAS,KACX,EACA,YAAY,GACZ,aAAeI,GAAW,CAExB,GAAIA,EAAO,MAAM,WAAW,SAAS,EACnC,+BAAQlB,EAAQ,EAAA,EAGZ,MAAAmB,EAAgBP,EAAY,UAAWQ,GAASA,EAAK,QAAUF,EAAO,KAAK,EAC3EG,EAAUF,IAAkB,EAC5BG,EAASH,IAAkBP,EAAY,OAAS,EAGpD,OAAAW,EAAA,kBAAA,KAACzB,EAAS,CAAA,QAAAuB,EAAkB,OAAAC,EAC1B,SAAA,CAACL,EAAAA,kBAAAA,IAAAO,EAAAA,KAAA,CAAK,KAAMN,EAAO,IAAM,CAAA,EACzBD,EAAAA,kBAAAA,IAAC,OAAM,CAAA,SAAAC,EAAO,KAAM,CAAA,CAAA,EACtB,CAAA,CAEJ,CACF,CAEJ"}
+{"version":3,"file":"ColumnHeaderMenu.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/ColumnHeaderMenu.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { Header } from '@tanstack/react-table'\nimport type { TableRow } from '../types/table'\nimport { useRef } from 'react'\nimport { useMenuContext } from '../../../context/MenuContext'\n// @ts-expect-error - non TS file\nimport Menu from '../../../../../src/components/Menu/MenuComponents/Menu'\n// @ts-expect-error - non TS file\nimport MenuContainer from '../../../../../src/components/Menu/MenuComponents/MenuContainer2'\n\nconst MenuButton = styled(Button)<{ $isOpen: boolean }>`\n  background-color: unset !important;\n  z-index: 110;\n  position: relative;\n  padding: 2px;\n  width: 24px;\n  height: 24px;\n\n  &.hasIcon {\n    padding: 2px;\n  }\n\n  &:hover,\n  &.active {\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  }\n\n  ${({ $isOpen }) =>\n    $isOpen &&\n    `\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  `}\n`\n\ninterface ColumnHeaderMenuProps {\n  header: Header<TableRow, unknown>\n  canHide?: boolean\n  canPin?: boolean\n  canSort?: boolean\n  isResizing?: boolean\n  className?: string\n  menuId?: string\n  isOpen?: boolean\n}\n\nexport const ColumnHeaderMenu = ({\n  header,\n  canHide,\n  canPin,\n  canSort,\n  isResizing,\n  className,\n  menuId,\n  isOpen,\n}: ColumnHeaderMenuProps) => {\n  const { column } = header\n  const { toggleMenuOpen } = useMenuContext()\n  const buttonRef = useRef<HTMLButtonElement>(null)\n\n  // Hide the menu when resizing\n  if (isResizing) {\n    return null\n  }\n\n  const handleMenuToggle = (open: boolean = true) => {\n    toggleMenuOpen(open ? menuId || false : false)\n  }\n\n  // Get current column state - we need to call these methods directly to get fresh state\n  const isPinned = column.getIsPinned()\n  const isVisible = column.getIsVisible()\n  const isSorted = column.getIsSorted()\n\n  const menuItems: Array<{\n    id: string\n    label?: string\n    icon?: string\n    className?: string\n    onClick?: () => void\n    type?: 'divider'\n    selected?: boolean\n  }> = []\n\n  if (canPin) {\n    const isPinnedLeft = isPinned === 'left'\n    menuItems.push({\n      id: 'pin',\n      label: isPinnedLeft ? 'Unpin column' : 'Pin column',\n      icon: 'push_pin',\n      selected: isPinnedLeft,\n      onClick: () => {\n        if (isPinnedLeft) {\n          column.pin(false)\n        } else {\n          column.pin('left')\n        }\n        handleMenuToggle(false)\n      },\n    })\n  }\n\n  if (canPin && canSort) {\n    menuItems.push({\n      id: 'divider',\n      type: 'divider',\n    })\n  }\n\n  if (canSort) {\n    menuItems.push({\n      id: 'sort-asc',\n      label: 'Sort ascending',\n      icon: 'sort',\n      className: 'sort-asc-icon',\n      selected: isSorted === 'asc',\n      onClick: () => {\n        column.toggleSorting(false)\n        handleMenuToggle(false)\n      },\n    })\n\n    menuItems.push({\n      id: 'sort-desc',\n      label: 'Sort descending',\n      icon: 'sort',\n      className: 'sort-desc-icon',\n      selected: isSorted === 'desc',\n      onClick: () => {\n        column.toggleSorting(true)\n        handleMenuToggle(false)\n      },\n    })\n  }\n\n  if (canSort && canHide) {\n    menuItems.push({\n      id: 'divider',\n      type: 'divider',\n    })\n  }\n\n  if (canHide) {\n    menuItems.push({\n      id: 'hide',\n      label: isVisible ? 'Hide column' : 'Show column',\n      icon: isVisible ? 'visibility_off' : 'visibility',\n      onClick: () => {\n        column.toggleVisibility()\n        handleMenuToggle(false)\n      },\n    })\n  }\n\n  if (menuItems.length === 0) {\n    return null\n  }\n\n  return (\n    <>\n      <MenuButton\n        ref={buttonRef}\n        className={className}\n        onClick={(e) => {\n          e.stopPropagation()\n          handleMenuToggle()\n        }}\n        icon=\"more_horiz\"\n        id={menuId}\n        $isOpen={isOpen || false}\n      />\n      <MenuContainer\n        target={buttonRef.current}\n        id={menuId}\n        align=\"left\"\n        onClose={(e: any) => {\n          e.stopPropagation()\n          handleMenuToggle(false)\n        }}\n      >\n        <Menu menu={menuItems} onClose={() => handleMenuToggle(false)} />\n      </MenuContainer>\n    </>\n  )\n}\n"],"names":["MenuButton","styled","Button","$isOpen","ColumnHeaderMenu","header","canHide","canPin","canSort","isResizing","className","menuId","isOpen","column","toggleMenuOpen","useMenuContext","buttonRef","useRef","handleMenuToggle","open","isPinned","isVisible","isSorted","menuItems","isPinnedLeft","jsxs","Fragment","jsx","MenuContainer","Menu"],"mappings":"2bAWMA,EAAaC,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAiB5B,CAAC,CAAE,QAAAC,CAAQ,IACXA,GACA;AAAA;AAAA,GAED;AAAA,EAcUC,EAAmB,CAAC,CAC/B,OAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,WAAAC,EACA,UAAAC,EACA,OAAAC,EACA,OAAAC,CACF,IAA6B,CACrB,KAAA,CAAE,OAAAC,GAAWR,EACb,CAAE,eAAAS,CAAe,EAAIC,iBAAe,EACpCC,EAAYC,SAA0B,IAAI,EAGhD,GAAIR,EACK,OAAA,KAGH,MAAAS,EAAmB,CAACC,EAAgB,KAAS,CAClCL,EAAAK,GAAOR,GAAU,EAAa,CAC/C,EAGMS,EAAWP,EAAO,YAAY,EAC9BQ,EAAYR,EAAO,aAAa,EAChCS,EAAWT,EAAO,YAAY,EAE9BU,EAQD,CAAC,EAEN,GAAIhB,EAAQ,CACV,MAAMiB,EAAeJ,IAAa,OAClCG,EAAU,KAAK,CACb,GAAI,MACJ,MAAOC,EAAe,eAAiB,aACvC,KAAM,WACN,SAAUA,EACV,QAAS,IAAM,CACTA,EACFX,EAAO,IAAI,EAAK,EAEhBA,EAAO,IAAI,MAAM,EAEnBK,EAAiB,EAAK,CAAA,CACxB,CACD,CAAA,CAuDC,OApDAX,GAAUC,GACZe,EAAU,KAAK,CACb,GAAI,UACJ,KAAM,SAAA,CACP,EAGCf,IACFe,EAAU,KAAK,CACb,GAAI,WACJ,MAAO,iBACP,KAAM,OACN,UAAW,gBACX,SAAUD,IAAa,MACvB,QAAS,IAAM,CACbT,EAAO,cAAc,EAAK,EAC1BK,EAAiB,EAAK,CAAA,CACxB,CACD,EAEDK,EAAU,KAAK,CACb,GAAI,YACJ,MAAO,kBACP,KAAM,OACN,UAAW,iBACX,SAAUD,IAAa,OACvB,QAAS,IAAM,CACbT,EAAO,cAAc,EAAI,EACzBK,EAAiB,EAAK,CAAA,CACxB,CACD,GAGCV,GAAWF,GACbiB,EAAU,KAAK,CACb,GAAI,UACJ,KAAM,SAAA,CACP,EAGCjB,GACFiB,EAAU,KAAK,CACb,GAAI,OACJ,MAAOF,EAAY,cAAgB,cACnC,KAAMA,EAAY,iBAAmB,aACrC,QAAS,IAAM,CACbR,EAAO,iBAAiB,EACxBK,EAAiB,EAAK,CAAA,CACxB,CACD,EAGCK,EAAU,SAAW,EAChB,KAKLE,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAC,EAAA,kBAAA,IAAC3B,EAAA,CACC,IAAKgB,EACL,UAAAN,EACA,QAAU,GAAM,CACd,EAAE,gBAAgB,EACDQ,EAAA,CACnB,EACA,KAAK,aACL,GAAIP,EACJ,QAASC,GAAU,EAAA,CACrB,EACAe,EAAA,kBAAA,IAACC,EAAA,CACC,OAAQZ,EAAU,QAClB,GAAIL,EACJ,MAAM,OACN,QAAU,GAAW,CACnB,EAAE,gBAAgB,EAClBO,EAAiB,EAAK,CACxB,EAEA,SAAAS,EAAAA,kBAAAA,IAACE,GAAK,KAAMN,EAAW,QAAS,IAAML,EAAiB,EAAK,CAAG,CAAA,CAAA,CAAA,CACjE,EACF,CAEJ"}

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

@@ -1,138 +1,118 @@
 import { j as s } from "../../../../../_virtual/jsx-runtime.es.js";
-import { Dropdown as x, Icon as v } from "@ynput/ayon-react-components";
-import l from "styled-components";
-const b = l.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  height: 32px;
-  padding: 0 12px;
-  cursor: pointer;
-  border-radius: 4px;
-
-  &:hover {
-    background-color: var(--md-sys-color-surface-container);
-  }
-
-  .icon {
-    font-size: 16px;
-    color: var(--md-sys-color-on-surface);
-  }
-
-  span {
-    font-size: 14px;
-    color: var(--md-sys-color-on-surface);
-  }
-`, y = l.div`
-  height: 1px;
-  background-color: #41474D;
-`, j = l(x)`
-  height: 24px;
+import { Button as v } from "@ynput/ayon-react-components";
+import x from "styled-components";
+import { useRef as C } from "react";
+import { useMenuContext as k } from "../../../context/MenuContext.es.js";
+import y from "../../../../../src/components/Menu/MenuComponents/Menu.es.js";
+import M from "../../../../../src/components/Menu/MenuComponents/MenuContainer2.es.js";
+const j = x(v)`
+  background-color: unset !important;
+  z-index: 110;
+  position: relative;
+  padding: 2px;
   width: 24px;
+  height: 24px;
 
-  button {
-    background-color: transparent;
-    border: none;
-    padding: 0;
-    min-height: 24px;
-    width: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &:hover {
-      background-color: var(--md-sys-color-surface-container);
-    }
-
-    & > div {
-      border: none;
-      padding: 0;
-      gap: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
+  &.hasIcon {
+    padding: 2px;
   }
 
-  .icon {
-    font-size: 16px;
-    color: var(--md-sys-color-on-surface);
+  &:hover,
+  &.active {
+    background-color: var(--md-sys-color-surface-container-hover) !important;
   }
-`, D = ({
-  header: p,
-  canHide: r,
-  canPin: c,
-  canSort: t,
-  isResizing: f
+
+  ${({ $isOpen: t }) => t && `
+    background-color: var(--md-sys-color-surface-container-hover) !important;
+  `}
+`, z = ({
+  header: t,
+  canHide: c,
+  canPin: a,
+  canSort: r,
+  isResizing: f,
+  className: m,
+  menuId: l,
+  isOpen: g
 }) => {
-  const { column: i } = p;
+  const { column: o } = t, { toggleMenuOpen: h } = k(), d = C(null);
   if (f)
     return null;
-  const d = i.getIsPinned(), a = i.getIsVisible(), e = [];
-  if (c) {
-    const n = d === "left";
-    e.push({
-      value: "pin",
-      label: n ? "Unpin column" : "Pin column",
-      icon: "push_pin"
+  const n = (e = !0) => {
+    h(e && l || !1);
+  }, b = o.getIsPinned(), u = o.getIsVisible(), p = o.getIsSorted(), i = [];
+  if (a) {
+    const e = b === "left";
+    i.push({
+      id: "pin",
+      label: e ? "Unpin column" : "Pin column",
+      icon: "push_pin",
+      selected: e,
+      onClick: () => {
+        e ? o.pin(!1) : o.pin("left"), n(!1);
+      }
     });
   }
-  if (c && t && e.push({
-    value: "divider1",
-    label: "",
-    icon: ""
-  }), t && (e.push({
-    value: "sort-asc",
+  return a && r && i.push({
+    id: "divider",
+    type: "divider"
+  }), r && (i.push({
+    id: "sort-asc",
     label: "Sort ascending",
-    icon: "sort"
-  }), e.push({
-    value: "sort-desc",
+    icon: "sort",
+    className: "sort-asc-icon",
+    selected: p === "asc",
+    onClick: () => {
+      o.toggleSorting(!1), n(!1);
+    }
+  }), i.push({
+    id: "sort-desc",
     label: "Sort descending",
-    icon: "sort"
-  })), t && r && e.push({
-    value: "divider2",
-    label: "",
-    icon: ""
-  }), r && e.push({
-    value: "hide",
-    label: a ? "Hide column" : "Show column",
-    icon: a ? "visibility_off" : "visibility"
-  }), e.length === 0)
-    return null;
-  const g = (n) => {
-    const o = n[0];
-    o === "hide" ? i.toggleVisibility() : o === "pin" ? d === "left" ? i.pin(!1) : i.pin("left") : o === "sort-asc" ? i.toggleSorting(!1) : o === "sort-desc" && i.toggleSorting(!0);
-  };
-  return /* @__PURE__ */ s.jsx(
-    j,
-    {
-      value: [],
-      options: e,
-      onChange: g,
-      dropIcon: "more_horiz",
-      multiSelect: !1,
-      listStyle: {
-        minWidth: "160px",
-        border: "none",
-        display: "flex",
-        flexDirection: "column",
-        gap: "8px",
-        padding: "8px"
-      },
-      placeholder: "",
-      itemTemplate: (n) => {
-        if (n.value.startsWith("divider"))
-          return /* @__PURE__ */ s.jsx(y, {});
-        const o = e.findIndex((m) => m.value === n.value), u = o === 0, h = o === e.length - 1;
-        return /* @__PURE__ */ s.jsxs(b, { isFirst: u, isLast: h, children: [
-          /* @__PURE__ */ s.jsx(v, { icon: n.icon }),
-          /* @__PURE__ */ s.jsx("span", { children: n.label })
-        ] });
-      }
+    icon: "sort",
+    className: "sort-desc-icon",
+    selected: p === "desc",
+    onClick: () => {
+      o.toggleSorting(!0), n(!1);
+    }
+  })), r && c && i.push({
+    id: "divider",
+    type: "divider"
+  }), c && i.push({
+    id: "hide",
+    label: u ? "Hide column" : "Show column",
+    icon: u ? "visibility_off" : "visibility",
+    onClick: () => {
+      o.toggleVisibility(), n(!1);
     }
-  );
+  }), i.length === 0 ? null : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(
+      j,
+      {
+        ref: d,
+        className: m,
+        onClick: (e) => {
+          e.stopPropagation(), n();
+        },
+        icon: "more_horiz",
+        id: l,
+        $isOpen: g || !1
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      M,
+      {
+        target: d.current,
+        id: l,
+        align: "left",
+        onClose: (e) => {
+          e.stopPropagation(), n(!1);
+        },
+        children: /* @__PURE__ */ s.jsx(y, { menu: i, onClose: () => n(!1) })
+      }
+    )
+  ] });
 };
 export {
-  D as ColumnHeaderMenu
+  z as ColumnHeaderMenu
 };
 //# sourceMappingURL=ColumnHeaderMenu.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/components/ColumnHeaderMenu.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnHeaderMenu.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/ColumnHeaderMenu.tsx"],"sourcesContent":["import { Dropdown, Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { Header } from '@tanstack/react-table'\nimport type { TableRow } from '../types/table'\n\nconst MenuItem = styled.div<{ isFirst?: boolean; isLast?: boolean }>`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  height: 32px;\n  padding: 0 12px;\n  cursor: pointer;\n  border-radius: 4px;\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container);\n  }\n\n  .icon {\n    font-size: 16px;\n    color: var(--md-sys-color-on-surface);\n  }\n\n  span {\n    font-size: 14px;\n    color: var(--md-sys-color-on-surface);\n  }\n`\n\nconst Divider = styled.div`\n  height: 1px;\n  background-color: #41474D;\n`\n\nconst StyledDropdown = styled(Dropdown)`\n  height: 24px;\n  width: 24px;\n\n  button {\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    min-height: 24px;\n    width: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container);\n    }\n\n    & > div {\n      border: none;\n      padding: 0;\n      gap: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  .icon {\n    font-size: 16px;\n    color: var(--md-sys-color-on-surface);\n  }\n`\n\ninterface MenuOption {\n  value: string\n  label: string\n  icon: string\n}\n\ninterface ColumnHeaderMenuProps {\n  header: Header<TableRow, unknown>\n  canHide?: boolean\n  canPin?: boolean\n  canSort?: boolean\n  isResizing?: boolean\n}\n\nexport const ColumnHeaderMenu = ({\n  header,\n  canHide,\n  canPin,\n  canSort,\n  isResizing,\n}: ColumnHeaderMenuProps) => {\n  const { column } = header\n\n  // Hide the menu when resizing\n  if (isResizing) {\n    return null\n  }\n\n  // Get current column state - we need to call these methods directly to get fresh state\n  const isPinned = column.getIsPinned()\n  const isVisible = column.getIsVisible()\n\n  const menuOptions: MenuOption[] = []\n\n  if (canPin) {\n    const isPinnedLeft = isPinned === 'left'\n    menuOptions.push({\n      value: 'pin',\n      label: isPinnedLeft ? 'Unpin column' : 'Pin column',\n      icon: 'push_pin',\n    })\n  }\n\n  if (canPin && canSort) {\n    menuOptions.push({\n      value: 'divider1',\n      label: '',\n      icon: '',\n    })\n  }\n\n  if (canSort) {\n    menuOptions.push({\n      value: 'sort-asc',\n      label: 'Sort ascending',\n      icon: 'sort',\n    })\n\n    menuOptions.push({\n      value: 'sort-desc',\n      label: 'Sort descending',\n      icon: 'sort',\n    })\n  }\n\n  if (canSort && canHide) {\n    menuOptions.push({\n      value: 'divider2',\n      label: '',\n      icon: '',\n    })\n  }\n\n  if (canHide) {\n    menuOptions.push({\n      value: 'hide',\n      label: isVisible ? 'Hide column' : 'Show column',\n      icon: isVisible ? 'visibility_off' : 'visibility',\n    })\n  }\n\n  if (menuOptions.length === 0) {\n    return null\n  }\n\n  const handleMenuChange = (value: string[]) => {\n    const selectedValue = value[0]\n\n    if (selectedValue === 'hide') {\n      // Toggle column visibility directly\n      column.toggleVisibility()\n    } else if (selectedValue === 'pin') {\n      const isPinnedLeft = isPinned === 'left'\n      if (isPinnedLeft) {\n        // Unpin the column\n        column.pin(false)\n      } else {\n        // Pin the column to the left\n        column.pin('left')\n      }\n    } else if (selectedValue === 'sort-asc') {\n      column.toggleSorting(false) // false for ascending\n    } else if (selectedValue === 'sort-desc') {\n      column.toggleSorting(true) // true for descending\n    }\n  }\n\n  return (\n    <StyledDropdown\n      value={[]}\n      options={menuOptions}\n      onChange={handleMenuChange}\n      dropIcon=\"more_horiz\"\n      multiSelect={false}\n      listStyle={{\n        minWidth: '160px',\n        border: 'none',\n        display: 'flex',\n        flexDirection: 'column',\n        gap: '8px',\n        padding: '8px',\n      }}\n      placeholder=\"\"\n      itemTemplate={(option) => {\n        // Check if this is a divider\n        if (option.value.startsWith('divider')) {\n          return <Divider />\n        }\n\n        const menuItemIndex = menuOptions.findIndex((item) => item.value === option.value)\n        const isFirst = menuItemIndex === 0\n        const isLast = menuItemIndex === menuOptions.length - 1\n\n        return (\n          <MenuItem isFirst={isFirst} isLast={isLast}>\n            <Icon icon={option.icon} />\n            <span>{option.label}</span>\n          </MenuItem>\n        )\n      }}\n    />\n  )\n}\n"],"names":["MenuItem","styled","Divider","StyledDropdown","Dropdown","ColumnHeaderMenu","header","canHide","canPin","canSort","isResizing","column","isPinned","isVisible","menuOptions","isPinnedLeft","handleMenuChange","value","selectedValue","jsx","option","menuItemIndex","item","isFirst","isLast","jsxs","Icon"],"mappings":"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"}
+{"version":3,"file":"ColumnHeaderMenu.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/ColumnHeaderMenu.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { Header } from '@tanstack/react-table'\nimport type { TableRow } from '../types/table'\nimport { useRef } from 'react'\nimport { useMenuContext } from '../../../context/MenuContext'\n// @ts-expect-error - non TS file\nimport Menu from '../../../../../src/components/Menu/MenuComponents/Menu'\n// @ts-expect-error - non TS file\nimport MenuContainer from '../../../../../src/components/Menu/MenuComponents/MenuContainer2'\n\nconst MenuButton = styled(Button)<{ $isOpen: boolean }>`\n  background-color: unset !important;\n  z-index: 110;\n  position: relative;\n  padding: 2px;\n  width: 24px;\n  height: 24px;\n\n  &.hasIcon {\n    padding: 2px;\n  }\n\n  &:hover,\n  &.active {\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  }\n\n  ${({ $isOpen }) =>\n    $isOpen &&\n    `\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  `}\n`\n\ninterface ColumnHeaderMenuProps {\n  header: Header<TableRow, unknown>\n  canHide?: boolean\n  canPin?: boolean\n  canSort?: boolean\n  isResizing?: boolean\n  className?: string\n  menuId?: string\n  isOpen?: boolean\n}\n\nexport const ColumnHeaderMenu = ({\n  header,\n  canHide,\n  canPin,\n  canSort,\n  isResizing,\n  className,\n  menuId,\n  isOpen,\n}: ColumnHeaderMenuProps) => {\n  const { column } = header\n  const { toggleMenuOpen } = useMenuContext()\n  const buttonRef = useRef<HTMLButtonElement>(null)\n\n  // Hide the menu when resizing\n  if (isResizing) {\n    return null\n  }\n\n  const handleMenuToggle = (open: boolean = true) => {\n    toggleMenuOpen(open ? menuId || false : false)\n  }\n\n  // Get current column state - we need to call these methods directly to get fresh state\n  const isPinned = column.getIsPinned()\n  const isVisible = column.getIsVisible()\n  const isSorted = column.getIsSorted()\n\n  const menuItems: Array<{\n    id: string\n    label?: string\n    icon?: string\n    className?: string\n    onClick?: () => void\n    type?: 'divider'\n    selected?: boolean\n  }> = []\n\n  if (canPin) {\n    const isPinnedLeft = isPinned === 'left'\n    menuItems.push({\n      id: 'pin',\n      label: isPinnedLeft ? 'Unpin column' : 'Pin column',\n      icon: 'push_pin',\n      selected: isPinnedLeft,\n      onClick: () => {\n        if (isPinnedLeft) {\n          column.pin(false)\n        } else {\n          column.pin('left')\n        }\n        handleMenuToggle(false)\n      },\n    })\n  }\n\n  if (canPin && canSort) {\n    menuItems.push({\n      id: 'divider',\n      type: 'divider',\n    })\n  }\n\n  if (canSort) {\n    menuItems.push({\n      id: 'sort-asc',\n      label: 'Sort ascending',\n      icon: 'sort',\n      className: 'sort-asc-icon',\n      selected: isSorted === 'asc',\n      onClick: () => {\n        column.toggleSorting(false)\n        handleMenuToggle(false)\n      },\n    })\n\n    menuItems.push({\n      id: 'sort-desc',\n      label: 'Sort descending',\n      icon: 'sort',\n      className: 'sort-desc-icon',\n      selected: isSorted === 'desc',\n      onClick: () => {\n        column.toggleSorting(true)\n        handleMenuToggle(false)\n      },\n    })\n  }\n\n  if (canSort && canHide) {\n    menuItems.push({\n      id: 'divider',\n      type: 'divider',\n    })\n  }\n\n  if (canHide) {\n    menuItems.push({\n      id: 'hide',\n      label: isVisible ? 'Hide column' : 'Show column',\n      icon: isVisible ? 'visibility_off' : 'visibility',\n      onClick: () => {\n        column.toggleVisibility()\n        handleMenuToggle(false)\n      },\n    })\n  }\n\n  if (menuItems.length === 0) {\n    return null\n  }\n\n  return (\n    <>\n      <MenuButton\n        ref={buttonRef}\n        className={className}\n        onClick={(e) => {\n          e.stopPropagation()\n          handleMenuToggle()\n        }}\n        icon=\"more_horiz\"\n        id={menuId}\n        $isOpen={isOpen || false}\n      />\n      <MenuContainer\n        target={buttonRef.current}\n        id={menuId}\n        align=\"left\"\n        onClose={(e: any) => {\n          e.stopPropagation()\n          handleMenuToggle(false)\n        }}\n      >\n        <Menu menu={menuItems} onClose={() => handleMenuToggle(false)} />\n      </MenuContainer>\n    </>\n  )\n}\n"],"names":["MenuButton","styled","Button","$isOpen","ColumnHeaderMenu","header","canHide","canPin","canSort","isResizing","className","menuId","isOpen","column","toggleMenuOpen","useMenuContext","buttonRef","useRef","handleMenuToggle","open","isPinned","isVisible","isSorted","menuItems","isPinnedLeft","jsxs","Fragment","jsx","MenuContainer","Menu"],"mappings":"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"}