@payloadcms/ui 3.80.0-internal.37a8509 → 3.80.0-internal.52ab774

package/dist/elements/Hierarchy/ColumnBrowser/index.js

@@ -0,0 +1,473 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { combineWhereConstraints, DEFAULT_HIERARCHY_TREE_LIMIT, formatAdminURL } from 'payload/shared';
+import * as qs from 'qs-esm';
+import React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { useEffectEvent } from '../../../hooks/useEffectEvent.js';
+import { useAuth } from '../../../providers/Auth/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { isSuperset } from '../../../utilities/isSuperset.js';
+import { Spinner } from '../../Spinner/index.js';
+import { Column } from './Column/index.js';
+import './index.scss';
+const baseClass = 'hierarchy-column-browser';
+export const HierarchyColumnBrowser = function HierarchyColumnBrowser({
+  ancestorsWithSelections,
+  baseFilter,
+  disabledIds,
+  filterByCollection,
+  hierarchyCollectionSlug,
+  initialExpandedPath,
+  isLoadingPath,
+  onCreateNew,
+  onSelect,
+  parentFieldName,
+  ref,
+  selectedIds,
+  useAsTitle = 'id'
+}) {
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    permissions
+  } = useAuth();
+  const {
+    config: {
+      routes: {
+        api
+      },
+      serverURL
+    },
+    getEntityConfig
+  } = useConfig();
+  const collectionConfig = getEntityConfig({
+    collectionSlug: hierarchyCollectionSlug
+  });
+  const hierarchyConfig = collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object' ? collectionConfig.hierarchy : undefined;
+  const treeLimit = hierarchyConfig?.admin?.treeLimit ?? DEFAULT_HIERARCHY_TREE_LIMIT;
+  const collectionLabel = collectionConfig ? getTranslation(collectionConfig.labels?.singular || hierarchyCollectionSlug, i18n) : hierarchyCollectionSlug;
+  const canCreate = Boolean(permissions?.collections?.[hierarchyCollectionSlug]?.create);
+  const [columns, setColumns] = useState([]);
+  const [expandedPath, setExpandedPath] = useState([]);
+  const containerRef = useRef(null);
+  const lastColumnRef = useRef(null);
+  const hasLoadedRef = useRef(false);
+  const fetchItems = useCallback(async ({
+    page,
+    parentId
+  }) => {
+    const parentWhere = parentId === null ? {
+      [parentFieldName]: {
+        exists: false
+      }
+    } : {
+      [parentFieldName]: {
+        equals: parentId
+      }
+    };
+    // Build the final where clause, adding collectionSpecific filtering if configured
+    let where = parentWhere;
+    // Filter by collection type if collectionSpecific is configured and filterByCollection is defined
+    // - undefined: no filtering, show all folders
+    // - [] empty: show all folders (no constraints)
+    // - ['posts', ...]: show folders that allow ANY of these OR unrestricted
+    // Note: Ideally we'd enforce ALL (superset) but hasMany enum fields in PG
+    // do not support "contains all" queries easily
+    if (hierarchyConfig?.collectionSpecific && filterByCollection !== undefined) {
+      const typeFieldName = hierarchyConfig.collectionSpecific.fieldName;
+      if (filterByCollection.length > 0) {
+        // Get all possible type field values from relatedCollections
+        // This is used to detect "unrestricted" folders (empty allowedTypes array)
+        const allPossibleTypes = Object.keys(hierarchyConfig.relatedCollections || {});
+        where = {
+          and: [parentWhere, {
+            or: [
+            // items that allow ANY of the selected collections
+            {
+              [typeFieldName]: {
+                in: filterByCollection
+              }
+            },
+            // OR items that are unrestricted (no type field exists)
+            {
+              [typeFieldName]: {
+                exists: false
+              }
+            },
+            // OR items with empty allowedTypes array (unrestricted)
+            // Using not_in with all possible values matches empty arrays in both MongoDB and Postgres
+            ...(allPossibleTypes.length > 0 ? [{
+              [typeFieldName]: {
+                not_in: allPossibleTypes
+              }
+            }] : [])]
+          }]
+        };
+      } else {
+        // Empty array: show all items of this parent
+        where = parentWhere;
+      }
+    }
+    // Combine with baseFilter if provided
+    const whereWithBaseFilter = combineWhereConstraints([where, baseFilter]);
+    const queryString = qs.stringify({
+      limit: treeLimit,
+      page,
+      sort: useAsTitle,
+      where: whereWithBaseFilter
+    }, {
+      addQueryPrefix: true
+    });
+    const url = formatAdminURL({
+      apiRoute: api,
+      path: `/${hierarchyCollectionSlug}${queryString}`,
+      serverURL
+    });
+    const response = await fetch(url, {
+      credentials: 'include'
+    });
+    if (!response.ok) {
+      throw new Error('Failed to fetch items');
+    }
+    const data = await response.json();
+    const typeFieldName_0 = hierarchyConfig?.collectionSpecific ? hierarchyConfig.collectionSpecific.fieldName : undefined;
+    const allItems = (data.docs || []).map(doc => ({
+      id: doc.id,
+      allowedCollections: typeFieldName_0 ? doc[typeFieldName_0] : undefined,
+      hasChildren: true,
+      title: String(doc[useAsTitle] || doc.id)
+    }));
+    // Client-side filter: only show items that are a superset of required collections
+    // Server query uses ANY (due to PG limitations), but we want ALL (superset)
+    const items = filterByCollection && filterByCollection.length > 0 ? allItems.filter(item => isSuperset(item.allowedCollections, filterByCollection)) : allItems;
+    return {
+      hasNextPage: data.hasNextPage || false,
+      items,
+      totalDocs: data.totalDocs || 0
+    };
+  }, [api, baseFilter, filterByCollection, hierarchyConfig, parentFieldName, serverURL, hierarchyCollectionSlug, treeLimit, useAsTitle]);
+  const refreshColumn = useCallback(async parentId_0 => {
+    const columnIndex = columns.findIndex(col => col.parentId === parentId_0);
+    if (columnIndex === -1) {
+      return;
+    }
+    setColumns(prev => {
+      const updated = [...prev];
+      updated[columnIndex] = {
+        ...updated[columnIndex],
+        isLoading: true
+      };
+      return updated;
+    });
+    try {
+      const {
+        hasNextPage,
+        items: items_0,
+        totalDocs
+      } = await fetchItems({
+        page: 1,
+        parentId: parentId_0
+      });
+      setColumns(prev_1 => {
+        const updated_1 = [...prev_1];
+        if (updated_1[columnIndex]) {
+          updated_1[columnIndex] = {
+            ...updated_1[columnIndex],
+            hasNextPage,
+            isLoading: false,
+            items: items_0,
+            page: 1,
+            totalDocs
+          };
+        }
+        return updated_1;
+      });
+    } catch {
+      setColumns(prev_0 => {
+        const updated_0 = [...prev_0];
+        if (updated_0[columnIndex]) {
+          updated_0[columnIndex] = {
+            ...updated_0[columnIndex],
+            isLoading: false
+          };
+        }
+        return updated_0;
+      });
+    }
+  }, [columns, fetchItems]);
+  useImperativeHandle(ref, () => ({
+    refreshColumn
+  }), [refreshColumn]);
+  const loadColumns = useEffectEvent(async path => {
+    // Build list of parentIds to fetch: [null, ...path]
+    const parentIds = [null];
+    if (path?.length) {
+      parentIds.push(...path);
+    }
+    // Set initial loading state for all columns
+    setColumns(parentIds.map(parentId_1 => ({
+      hasNextPage: false,
+      isLoading: true,
+      items: [],
+      page: 1,
+      parentId: parentId_1,
+      totalDocs: 0
+    })));
+    // Set expanded path to match (excluding null/root)
+    if (path?.length) {
+      setExpandedPath(path);
+    }
+    // Fetch all columns in parallel
+    const results = await Promise.all(parentIds.map(async (parentId_2, index) => {
+      try {
+        const {
+          hasNextPage: hasNextPage_0,
+          items: items_1,
+          totalDocs: totalDocs_0
+        } = await fetchItems({
+          page: 1,
+          parentId: parentId_2
+        });
+        let parentTitle;
+        if (index > 0 && parentId_2 !== null) {
+          // Will be filled in after all fetches complete
+        }
+        return {
+          hasNextPage: hasNextPage_0,
+          isLoading: false,
+          items: items_1,
+          page: 1,
+          parentId: parentId_2,
+          parentTitle,
+          totalDocs: totalDocs_0
+        };
+      } catch {
+        return {
+          hasNextPage: false,
+          isLoading: false,
+          items: [],
+          page: 1,
+          parentId: parentId_2,
+          parentTitle: undefined,
+          totalDocs: 0
+        };
+      }
+    }));
+    // Fill in parent titles from previous columns
+    const columnsWithTitles = results.map((col_0, index_0) => {
+      if (index_0 === 0 || col_0.parentId === null) {
+        return col_0;
+      }
+      const prevColumn = results[index_0 - 1];
+      const parentItem = prevColumn?.items.find(item_0 => item_0.id === col_0.parentId);
+      return {
+        ...col_0,
+        parentTitle: parentItem?.title || String(col_0.parentId)
+      };
+    });
+    setColumns(columnsWithTitles);
+  });
+  // Load columns on mount - wait for path loading to complete
+  useEffect(() => {
+    if (isLoadingPath || hasLoadedRef.current) {
+      return;
+    }
+    hasLoadedRef.current = true;
+    void loadColumns(initialExpandedPath);
+  }, [initialExpandedPath, isLoadingPath]);
+  // Auto-scroll to the last column when columns change
+  useEffect(() => {
+    if (lastColumnRef.current && columns.length > 1) {
+      lastColumnRef.current.scrollIntoView({
+        behavior: 'instant',
+        inline: 'start'
+      });
+    }
+  }, [columns.length]);
+  const handleExpand = useCallback(async ({
+    columnIndex: columnIndex_0,
+    itemId
+  }) => {
+    const column = columns[columnIndex_0];
+    if (!column) {
+      return;
+    }
+    const item_1 = column.items.find(i => i.id === itemId);
+    if (!item_1) {
+      return;
+    }
+    // Update expanded path - keep path up to this column, add new item
+    const newExpandedPath = [...expandedPath.slice(0, columnIndex_0), itemId];
+    setExpandedPath(newExpandedPath);
+    // Remove columns to the right and add new loading column
+    const newColumns = columns.slice(0, columnIndex_0 + 1);
+    newColumns.push({
+      hasNextPage: false,
+      isLoading: true,
+      items: [],
+      page: 1,
+      parentId: itemId,
+      parentTitle: item_1.title,
+      totalDocs: 0
+    });
+    setColumns(newColumns);
+    // Fetch children
+    try {
+      const {
+        hasNextPage: hasNextPage_1,
+        items: items_2,
+        totalDocs: totalDocs_1
+      } = await fetchItems({
+        page: 1,
+        parentId: itemId
+      });
+      setColumns(prev_3 => {
+        const updated_3 = [...prev_3];
+        const targetIndex_0 = columnIndex_0 + 1;
+        if (updated_3[targetIndex_0]?.parentId === itemId) {
+          updated_3[targetIndex_0] = {
+            hasNextPage: hasNextPage_1,
+            isLoading: false,
+            items: items_2,
+            page: 1,
+            parentId: itemId,
+            parentTitle: item_1.title,
+            totalDocs: totalDocs_1
+          };
+        }
+        return updated_3;
+      });
+    } catch {
+      setColumns(prev_2 => {
+        const updated_2 = [...prev_2];
+        const targetIndex = columnIndex_0 + 1;
+        if (updated_2[targetIndex]?.parentId === itemId) {
+          updated_2[targetIndex] = {
+            hasNextPage: false,
+            isLoading: false,
+            items: [],
+            page: 1,
+            parentId: itemId,
+            parentTitle: item_1.title,
+            totalDocs: 0
+          };
+        }
+        return updated_2;
+      });
+    }
+  }, [columns, expandedPath, fetchItems]);
+  const handleLoadMore = useCallback(async ({
+    columnIndex: columnIndex_1
+  }) => {
+    const column_0 = columns[columnIndex_1];
+    if (!column_0 || column_0.isLoading || !column_0.hasNextPage) {
+      return;
+    }
+    const nextPage = column_0.page + 1;
+    // Set loading state
+    setColumns(prev_4 => {
+      const updated_4 = [...prev_4];
+      updated_4[columnIndex_1] = {
+        ...updated_4[columnIndex_1],
+        isLoading: true
+      };
+      return updated_4;
+    });
+    try {
+      const {
+        hasNextPage: hasNextPage_2,
+        items: newItems
+      } = await fetchItems({
+        page: nextPage,
+        parentId: column_0.parentId
+      });
+      setColumns(prev_6 => {
+        const updated_6 = [...prev_6];
+        if (updated_6[columnIndex_1]) {
+          updated_6[columnIndex_1] = {
+            ...updated_6[columnIndex_1],
+            hasNextPage: hasNextPage_2,
+            isLoading: false,
+            items: [...updated_6[columnIndex_1].items, ...newItems],
+            page: nextPage
+          };
+        }
+        return updated_6;
+      });
+    } catch {
+      setColumns(prev_5 => {
+        const updated_5 = [...prev_5];
+        if (updated_5[columnIndex_1]) {
+          updated_5[columnIndex_1] = {
+            ...updated_5[columnIndex_1],
+            isLoading: false
+          };
+        }
+        return updated_5;
+      });
+    }
+  }, [columns, fetchItems]);
+  // Build path for each column based on parent info
+  const getPathToColumn = columnIndex_2 => {
+    const path_0 = [];
+    for (let i_0 = 1; i_0 <= columnIndex_2; i_0++) {
+      const col_1 = columns[i_0];
+      if (col_1?.parentId !== null && col_1?.parentId !== undefined) {
+        path_0.push({
+          id: col_1.parentId,
+          title: col_1.parentTitle || String(col_1.parentId)
+        });
+      }
+    }
+    return path_0;
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    ref: containerRef,
+    children: [columns.map((column_1, index_1) => {
+      const isLastColumn = index_1 === columns.length - 1 && !isLoadingPath;
+      const expandedId = expandedPath[index_1] ?? null;
+      const pathToColumn = getPathToColumn(index_1);
+      return /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__column-wrapper`,
+        ref: isLastColumn ? lastColumnRef : undefined,
+        children: /*#__PURE__*/_jsx(Column, {
+          ancestorsWithSelections: ancestorsWithSelections,
+          canCreate: canCreate && Boolean(onCreateNew),
+          collectionLabel: collectionLabel,
+          disabled: isLoadingPath,
+          disabledIds: disabledIds,
+          expandedId: expandedId,
+          filterByCollection: filterByCollection,
+          hasNextPage: column_1.hasNextPage,
+          isLoading: column_1.isLoading,
+          items: column_1.items,
+          onCreateNew: onCreateNew || (() => {}),
+          onExpand: ({
+            id
+          }) => handleExpand({
+            columnIndex: index_1,
+            itemId: id
+          }),
+          onLoadMore: () => handleLoadMore({
+            columnIndex: index_1
+          }),
+          onSelect: onSelect,
+          parentId: column_1.parentId,
+          parentTitle: column_1.parentTitle,
+          pathToColumn: pathToColumn,
+          selectedIds: selectedIds,
+          totalDocs: column_1.totalDocs
+        })
+      }, `${column_1.parentId ?? 'root'}-${index_1}`);
+    }), isLoadingPath && /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__column-wrapper ${baseClass}__column-wrapper--loading`,
+      children: /*#__PURE__*/_jsx(Spinner, {})
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/Hierarchy/ColumnBrowser/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","combineWhereConstraints","DEFAULT_HIERARCHY_TREE_LIMIT","formatAdminURL","qs","React","useCallback","useEffect","useImperativeHandle","useRef","useState","useEffectEvent","useAuth","useConfig","useTranslation","isSuperset","Spinner","Column","baseClass","HierarchyColumnBrowser","ancestorsWithSelections","baseFilter","disabledIds","filterByCollection","hierarchyCollectionSlug","initialExpandedPath","isLoadingPath","onCreateNew","onSelect","parentFieldName","ref","selectedIds","useAsTitle","i18n","permissions","config","routes","api","serverURL","getEntityConfig","collectionConfig","collectionSlug","hierarchyConfig","hierarchy","undefined","treeLimit","admin","collectionLabel","labels","singular","canCreate","Boolean","collections","create","columns","setColumns","expandedPath","setExpandedPath","containerRef","lastColumnRef","hasLoadedRef","fetchItems","page","parentId","parentWhere","exists","equals","where","collectionSpecific","typeFieldName","fieldName","length","allPossibleTypes","Object","keys","relatedCollections","and","or","in","not_in","whereWithBaseFilter","queryString","stringify","limit","sort","addQueryPrefix","url","apiRoute","path","response","fetch","credentials","ok","Error","data","json","allItems","docs","map","doc","id","allowedCollections","hasChildren","title","String","items","filter","item","hasNextPage","totalDocs","refreshColumn","columnIndex","findIndex","col","prev","updated","isLoading","loadColumns","parentIds","push","results","Promise","all","index","parentTitle","columnsWithTitles","prevColumn","parentItem","find","current","scrollIntoView","behavior","inline","handleExpand","itemId","column","i","newExpandedPath","slice","newColumns","targetIndex","handleLoadMore","nextPage","newItems","getPathToColumn","_jsxs","className","isLastColumn","expandedId","pathToColumn","_jsx","disabled","onExpand","onLoadMore"],"sources":["../../../../src/elements/Hierarchy/ColumnBrowser/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  combineWhereConstraints,\n  DEFAULT_HIERARCHY_TREE_LIMIT,\n  formatAdminURL,\n} from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react'\n\nimport type {\n  ColumnItemData,\n  ColumnState,\n  HierarchyColumnBrowserProps,\n  HierarchyColumnBrowserRef,\n} from './types.js'\n\nimport { useEffectEvent } from '../../../hooks/useEffectEvent.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { isSuperset } from '../../../utilities/isSuperset.js'\nimport { Spinner } from '../../Spinner/index.js'\nimport { Column } from './Column/index.js'\nimport './index.scss'\n\nconst baseClass = 'hierarchy-column-browser'\n\nexport const HierarchyColumnBrowser = function HierarchyColumnBrowser({\n  ancestorsWithSelections,\n  baseFilter,\n  disabledIds,\n  filterByCollection,\n  hierarchyCollectionSlug,\n  initialExpandedPath,\n  isLoadingPath,\n  onCreateNew,\n  onSelect,\n  parentFieldName,\n  ref,\n  selectedIds,\n  useAsTitle = 'id',\n}: { ref?: React.RefObject<HierarchyColumnBrowserRef | null> } & HierarchyColumnBrowserProps) {\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n  const hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : undefined\n  const treeLimit = hierarchyConfig?.admin?.treeLimit ?? DEFAULT_HIERARCHY_TREE_LIMIT\n\n  const collectionLabel = collectionConfig\n    ? getTranslation(collectionConfig.labels?.singular || hierarchyCollectionSlug, i18n)\n    : hierarchyCollectionSlug\n  const canCreate = Boolean(permissions?.collections?.[hierarchyCollectionSlug]?.create)\n\n  const [columns, setColumns] = useState<ColumnState[]>([])\n  const [expandedPath, setExpandedPath] = useState<(number | string)[]>([])\n  const containerRef = useRef<HTMLDivElement>(null)\n  const lastColumnRef = useRef<HTMLDivElement>(null)\n  const hasLoadedRef = useRef(false)\n\n  const fetchItems = useCallback(\n    async ({\n      page,\n      parentId,\n    }: {\n      page: number\n      parentId: null | number | string\n    }): Promise<{\n      hasNextPage: boolean\n      items: ColumnItemData[]\n      totalDocs: number\n    }> => {\n      const parentWhere =\n        parentId === null\n          ? { [parentFieldName]: { exists: false } }\n          : { [parentFieldName]: { equals: parentId } }\n\n      // Build the final where clause, adding collectionSpecific filtering if configured\n      let where: Record<string, unknown> = parentWhere\n\n      // Filter by collection type if collectionSpecific is configured and filterByCollection is defined\n      // - undefined: no filtering, show all folders\n      // - [] empty: show all folders (no constraints)\n      // - ['posts', ...]: show folders that allow ANY of these OR unrestricted\n      // Note: Ideally we'd enforce ALL (superset) but hasMany enum fields in PG\n      // do not support \"contains all\" queries easily\n      if (hierarchyConfig?.collectionSpecific && filterByCollection !== undefined) {\n        const typeFieldName = hierarchyConfig.collectionSpecific.fieldName\n\n        if (filterByCollection.length > 0) {\n          // Get all possible type field values from relatedCollections\n          // This is used to detect \"unrestricted\" folders (empty allowedTypes array)\n          const allPossibleTypes = Object.keys(hierarchyConfig.relatedCollections || {})\n\n          where = {\n            and: [\n              parentWhere,\n              {\n                or: [\n                  // items that allow ANY of the selected collections\n                  { [typeFieldName]: { in: filterByCollection } },\n                  // OR items that are unrestricted (no type field exists)\n                  { [typeFieldName]: { exists: false } },\n                  // OR items with empty allowedTypes array (unrestricted)\n                  // Using not_in with all possible values matches empty arrays in both MongoDB and Postgres\n                  ...(allPossibleTypes.length > 0\n                    ? [{ [typeFieldName]: { not_in: allPossibleTypes } }]\n                    : []),\n                ],\n              },\n            ],\n          }\n        } else {\n          // Empty array: show all items of this parent\n          where = parentWhere\n        }\n      }\n\n      // Combine with baseFilter if provided\n      const whereWithBaseFilter = combineWhereConstraints([where, baseFilter])\n\n      const queryString = qs.stringify(\n        { limit: treeLimit, page, sort: useAsTitle, where: whereWithBaseFilter },\n        { addQueryPrefix: true },\n      )\n\n      const url = formatAdminURL({\n        apiRoute: api,\n        path: `/${hierarchyCollectionSlug}${queryString}`,\n        serverURL,\n      })\n\n      const response = await fetch(url, {\n        credentials: 'include',\n      })\n\n      if (!response.ok) {\n        throw new Error('Failed to fetch items')\n      }\n\n      const data = await response.json()\n\n      const typeFieldName = hierarchyConfig?.collectionSpecific\n        ? hierarchyConfig.collectionSpecific.fieldName\n        : undefined\n\n      const allItems: ColumnItemData[] = (data.docs || []).map(\n        (doc: { id: number | string } & Record<string, unknown>) => ({\n          id: doc.id,\n          allowedCollections: typeFieldName\n            ? (doc[typeFieldName] as string[] | undefined)\n            : undefined,\n          hasChildren: true, // Always allow expansion - empty children handled gracefully\n          title: String(doc[useAsTitle] || doc.id),\n        }),\n      )\n\n      // Client-side filter: only show items that are a superset of required collections\n      // Server query uses ANY (due to PG limitations), but we want ALL (superset)\n      const items =\n        filterByCollection && filterByCollection.length > 0\n          ? allItems.filter((item) => isSuperset(item.allowedCollections, filterByCollection))\n          : allItems\n\n      return {\n        hasNextPage: data.hasNextPage || false,\n        items,\n        totalDocs: data.totalDocs || 0,\n      }\n    },\n    [\n      api,\n      baseFilter,\n      filterByCollection,\n      hierarchyConfig,\n      parentFieldName,\n      serverURL,\n      hierarchyCollectionSlug,\n      treeLimit,\n      useAsTitle,\n    ],\n  )\n\n  const refreshColumn = useCallback(\n    async (parentId: null | number | string) => {\n      const columnIndex = columns.findIndex((col) => col.parentId === parentId)\n      if (columnIndex === -1) {\n        return\n      }\n\n      setColumns((prev) => {\n        const updated = [...prev]\n        updated[columnIndex] = { ...updated[columnIndex], isLoading: true }\n        return updated\n      })\n\n      try {\n        const { hasNextPage, items, totalDocs } = await fetchItems({ page: 1, parentId })\n\n        setColumns((prev) => {\n          const updated = [...prev]\n          if (updated[columnIndex]) {\n            updated[columnIndex] = {\n              ...updated[columnIndex],\n              hasNextPage,\n              isLoading: false,\n              items,\n              page: 1,\n              totalDocs,\n            }\n          }\n          return updated\n        })\n      } catch {\n        setColumns((prev) => {\n          const updated = [...prev]\n          if (updated[columnIndex]) {\n            updated[columnIndex] = { ...updated[columnIndex], isLoading: false }\n          }\n          return updated\n        })\n      }\n    },\n    [columns, fetchItems],\n  )\n\n  useImperativeHandle(ref, () => ({ refreshColumn }), [refreshColumn])\n\n  const loadColumns = useEffectEvent(async (path?: (number | string)[]) => {\n    // Build list of parentIds to fetch: [null, ...path]\n    const parentIds: (null | number | string)[] = [null]\n    if (path?.length) {\n      parentIds.push(...path)\n    }\n\n    // Set initial loading state for all columns\n    setColumns(\n      parentIds.map((parentId) => ({\n        hasNextPage: false,\n        isLoading: true,\n        items: [],\n        page: 1,\n        parentId,\n        totalDocs: 0,\n      })),\n    )\n\n    // Set expanded path to match (excluding null/root)\n    if (path?.length) {\n      setExpandedPath(path)\n    }\n\n    // Fetch all columns in parallel\n    const results = await Promise.all(\n      parentIds.map(async (parentId, index) => {\n        try {\n          const { hasNextPage, items, totalDocs } = await fetchItems({ page: 1, parentId })\n          let parentTitle: string | undefined\n          if (index > 0 && parentId !== null) {\n            // Will be filled in after all fetches complete\n          }\n          return {\n            hasNextPage,\n            isLoading: false,\n            items,\n            page: 1,\n            parentId,\n            parentTitle,\n            totalDocs,\n          }\n        } catch {\n          return {\n            hasNextPage: false,\n            isLoading: false,\n            items: [],\n            page: 1,\n            parentId,\n            parentTitle: undefined,\n            totalDocs: 0,\n          }\n        }\n      }),\n    )\n\n    // Fill in parent titles from previous columns\n    const columnsWithTitles = results.map((col, index) => {\n      if (index === 0 || col.parentId === null) {\n        return col\n      }\n      const prevColumn = results[index - 1]\n      const parentItem = prevColumn?.items.find((item) => item.id === col.parentId)\n      return {\n        ...col,\n        parentTitle: parentItem?.title || String(col.parentId),\n      }\n    })\n\n    setColumns(columnsWithTitles)\n  })\n\n  // Load columns on mount - wait for path loading to complete\n  useEffect(() => {\n    if (isLoadingPath || hasLoadedRef.current) {\n      return\n    }\n    hasLoadedRef.current = true\n    void loadColumns(initialExpandedPath)\n  }, [initialExpandedPath, isLoadingPath])\n\n  // Auto-scroll to the last column when columns change\n  useEffect(() => {\n    if (lastColumnRef.current && columns.length > 1) {\n      lastColumnRef.current.scrollIntoView({ behavior: 'instant', inline: 'start' })\n    }\n  }, [columns.length])\n\n  const handleExpand = useCallback(\n    async ({ columnIndex, itemId }: { columnIndex: number; itemId: number | string }) => {\n      const column = columns[columnIndex]\n      if (!column) {\n        return\n      }\n\n      const item = column.items.find((i) => i.id === itemId)\n      if (!item) {\n        return\n      }\n\n      // Update expanded path - keep path up to this column, add new item\n      const newExpandedPath = [...expandedPath.slice(0, columnIndex), itemId]\n      setExpandedPath(newExpandedPath)\n\n      // Remove columns to the right and add new loading column\n      const newColumns = columns.slice(0, columnIndex + 1)\n      newColumns.push({\n        hasNextPage: false,\n        isLoading: true,\n        items: [],\n        page: 1,\n        parentId: itemId,\n        parentTitle: item.title,\n        totalDocs: 0,\n      })\n\n      setColumns(newColumns)\n\n      // Fetch children\n      try {\n        const { hasNextPage, items, totalDocs } = await fetchItems({ page: 1, parentId: itemId })\n\n        setColumns((prev) => {\n          const updated = [...prev]\n          const targetIndex = columnIndex + 1\n\n          if (updated[targetIndex]?.parentId === itemId) {\n            updated[targetIndex] = {\n              hasNextPage,\n              isLoading: false,\n              items,\n              page: 1,\n              parentId: itemId,\n              parentTitle: item.title,\n              totalDocs,\n            }\n          }\n\n          return updated\n        })\n      } catch {\n        setColumns((prev) => {\n          const updated = [...prev]\n          const targetIndex = columnIndex + 1\n\n          if (updated[targetIndex]?.parentId === itemId) {\n            updated[targetIndex] = {\n              hasNextPage: false,\n              isLoading: false,\n              items: [],\n              page: 1,\n              parentId: itemId,\n              parentTitle: item.title,\n              totalDocs: 0,\n            }\n          }\n\n          return updated\n        })\n      }\n    },\n    [columns, expandedPath, fetchItems],\n  )\n\n  const handleLoadMore = useCallback(\n    async ({ columnIndex }: { columnIndex: number }) => {\n      const column = columns[columnIndex]\n      if (!column || column.isLoading || !column.hasNextPage) {\n        return\n      }\n\n      const nextPage = column.page + 1\n\n      // Set loading state\n      setColumns((prev) => {\n        const updated = [...prev]\n        updated[columnIndex] = { ...updated[columnIndex], isLoading: true }\n        return updated\n      })\n\n      try {\n        const { hasNextPage, items: newItems } = await fetchItems({\n          page: nextPage,\n          parentId: column.parentId,\n        })\n\n        setColumns((prev) => {\n          const updated = [...prev]\n\n          if (updated[columnIndex]) {\n            updated[columnIndex] = {\n              ...updated[columnIndex],\n              hasNextPage,\n              isLoading: false,\n              items: [...updated[columnIndex].items, ...newItems],\n              page: nextPage,\n            }\n          }\n\n          return updated\n        })\n      } catch {\n        setColumns((prev) => {\n          const updated = [...prev]\n\n          if (updated[columnIndex]) {\n            updated[columnIndex] = { ...updated[columnIndex], isLoading: false }\n          }\n\n          return updated\n        })\n      }\n    },\n    [columns, fetchItems],\n  )\n\n  // Build path for each column based on parent info\n  const getPathToColumn = (columnIndex: number) => {\n    const path: Array<{ id: number | string; title: string }> = []\n\n    for (let i = 1; i <= columnIndex; i++) {\n      const col = columns[i]\n      if (col?.parentId !== null && col?.parentId !== undefined) {\n        path.push({\n          id: col.parentId,\n          title: col.parentTitle || String(col.parentId),\n        })\n      }\n    }\n\n    return path\n  }\n\n  return (\n    <div className={baseClass} ref={containerRef}>\n      {columns.map((column, index) => {\n        const isLastColumn = index === columns.length - 1 && !isLoadingPath\n        const expandedId = expandedPath[index] ?? null\n        const pathToColumn = getPathToColumn(index)\n\n        return (\n          <div\n            className={`${baseClass}__column-wrapper`}\n            key={`${column.parentId ?? 'root'}-${index}`}\n            ref={isLastColumn ? lastColumnRef : undefined}\n          >\n            <Column\n              ancestorsWithSelections={ancestorsWithSelections}\n              canCreate={canCreate && Boolean(onCreateNew)}\n              collectionLabel={collectionLabel}\n              disabled={isLoadingPath}\n              disabledIds={disabledIds}\n              expandedId={expandedId}\n              filterByCollection={filterByCollection}\n              hasNextPage={column.hasNextPage}\n              isLoading={column.isLoading}\n              items={column.items}\n              onCreateNew={onCreateNew || (() => {})}\n              onExpand={({ id }) => handleExpand({ columnIndex: index, itemId: id })}\n              onLoadMore={() => handleLoadMore({ columnIndex: index })}\n              onSelect={onSelect}\n              parentId={column.parentId}\n              parentTitle={column.parentTitle}\n              pathToColumn={pathToColumn}\n              selectedIds={selectedIds}\n              totalDocs={column.totalDocs}\n            />\n          </div>\n        )\n      })}\n      {isLoadingPath && (\n        <div className={`${baseClass}__column-wrapper ${baseClass}__column-wrapper--loading`}>\n          <Spinner />\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport type {\n  ColumnItemData,\n  HierarchyColumnBrowserProps,\n  HierarchyColumnBrowserRef,\n  PathSegment,\n} from './types.js'\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/ColumnBrowser/index.scss

@@ -0,0 +1,20 @@
+.hierarchy-column-browser {
+  display: flex;
+  flex: 1;
+  overflow-x: auto;
+  // scroll-snap-type: x proximity;
+
+  &__column-wrapper {
+    // scroll-snap-align: start;
+    flex-shrink: 0;
+
+    &:first-child {
+      margin-left: var(--gutter-h);
+      border-left: 1px solid var(--theme-elevation-100);
+    }
+  }
+
+  &__column-wrapper--loading {
+    padding: calc(var(--base) * 0.8) var(--base);
+  }
+}

package/dist/elements/Hierarchy/ColumnBrowser/types.d.ts

@@ -0,0 +1,106 @@
+import type { Where } from 'payload';
+export type ColumnItemData = {
+    /** For folders with collectionSpecific config, the allowed collection slugs */
+    allowedCollections?: string[];
+    hasChildren: boolean;
+    id: number | string;
+    title: string;
+};
+export type PathSegment = {
+    id: number | string;
+    title: string;
+};
+export type ColumnItemProps = {
+    disabled?: boolean;
+    /** Required collections that the folder must allow (for superset check) */
+    filterByCollection?: string[];
+    hasSelectedDescendants: boolean;
+    isExpanded: boolean;
+    isSelected: boolean;
+    item: ColumnItemData;
+    onExpand: (params: {
+        id: number | string;
+    }) => void;
+    onSelect: (params: {
+        id: number | string;
+    }) => void;
+};
+export type ColumnProps = {
+    ancestorsWithSelections: Set<number | string>;
+    /** Whether user can create new documents */
+    canCreate: boolean;
+    /** Label for the collection (e.g., "Folder") */
+    collectionLabel: string;
+    disabled?: boolean;
+    /** IDs that should be disabled (e.g., items being moved can't be selected as destination) */
+    disabledIds?: Set<number | string>;
+    expandedId: null | number | string;
+    /** Required collections for superset check (passed to ColumnItem) */
+    filterByCollection?: string[];
+    hasNextPage: boolean;
+    isLoading: boolean;
+    items: ColumnItemData[];
+    /** Called when user clicks "New" button - parent should open drawer with parentId */
+    onCreateNew: (params: {
+        parentId: null | number | string;
+    }) => void;
+    onExpand: (params: {
+        id: number | string;
+    }) => void;
+    onLoadMore: () => void;
+    onSelect: (params: {
+        id: number | string;
+        path: PathSegment[];
+    }) => void;
+    parentId: null | number | string;
+    parentTitle?: string;
+    pathToColumn: PathSegment[];
+    selectedIds: Set<number | string>;
+    totalDocs: number;
+};
+export type ColumnState = {
+    hasNextPage: boolean;
+    isLoading: boolean;
+    items: ColumnItemData[];
+    page: number;
+    parentId: null | number | string;
+    parentTitle?: string;
+    totalDocs: number;
+};
+export type HierarchyColumnBrowserRef = {
+    /** Refetch a specific column by parentId */
+    refreshColumn: (parentId: null | number | string) => Promise<void>;
+};
+export type HierarchyColumnBrowserProps = {
+    ancestorsWithSelections: Set<number | string>;
+    /** Base filter constraint (e.g., tenant filter) to apply to all queries */
+    baseFilter?: null | Where;
+    /** IDs that should be disabled (e.g., items being moved can't be selected as destination) */
+    disabledIds?: Set<number | string>;
+    /**
+     * Filters hierarchy items based on collection type restrictions:
+     * - `undefined`: No filtering, show all folders
+     * - `[]` (empty array): No filtering, show all folders (no constraints)
+     * - `['posts', ...]`: Show folders accepting ANY of these collections OR unrestricted folders
+     *
+     * Note: Query uses ANY semantics due to PG hasMany enum limitations.
+     * Client-side enforcement can disable selection of folders that don't allow ALL required collections.
+     */
+    filterByCollection?: string[];
+    hierarchyCollectionSlug: string;
+    initialExpandedPath?: (number | string)[];
+    /** Whether the initial expanded path is still being loaded */
+    isLoadingPath?: boolean;
+    /** Called when user clicks "New" button to create a new item */
+    onCreateNew?: (params: {
+        parentId: null | number | string;
+    }) => void;
+    onSelect: (params: {
+        id: number | string;
+        path: PathSegment[];
+    }) => void;
+    parentFieldName: string;
+    selectedIds: Set<number | string>;
+    useAsTitle?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/Hierarchy/ColumnBrowser/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/ColumnBrowser/types.ts"],"names":[],"mappings":"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"}

package/dist/elements/Hierarchy/ColumnBrowser/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map