@payloadcms/ui 4.0.0-internal.5b1e7cd → 4.0.0-internal.5e065b3

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

@@ -0,0 +1,430 @@
+'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 { Spinner } from '../../Spinner/index.js';
+import { Column } from './Column/index.js';
+import './index.css';
+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
+      }
+    };
+    // Combine with baseFilter if provided
+    const whereWithBaseFilter = combineWhereConstraints([parentWhere, 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 = hierarchyConfig?.collectionSpecific ? hierarchyConfig.collectionSpecific.fieldName : undefined;
+    const items = (data.docs || []).map(doc => ({
+      id: doc.id,
+      allowedCollections: typeFieldName ? doc[typeFieldName] : undefined,
+      hasChildren: true,
+      title: String(doc[useAsTitle] || doc.id)
+    }));
+    return {
+      hasNextPage: data.hasNextPage || false,
+      items,
+      totalDocs: data.totalDocs || 0
+    };
+  }, [api, baseFilter, 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 => item.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_0 = column.items.find(i => i.id === itemId);
+    if (!item_0) {
+      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
+    if (columns[columnIndex_0 + 1]?.parentId === itemId) {
+      setColumns(columns.slice(0, columnIndex_0 + 2));
+      return;
+    }
+    const newColumns = columns.slice(0, columnIndex_0 + 1);
+    newColumns.push({
+      hasNextPage: false,
+      isLoading: true,
+      items: [],
+      page: 1,
+      parentId: itemId,
+      parentTitle: item_0.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_0.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_0.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","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","whereWithBaseFilter","queryString","stringify","limit","sort","where","addQueryPrefix","url","apiRoute","path","response","fetch","credentials","ok","Error","data","json","typeFieldName","collectionSpecific","fieldName","items","docs","map","doc","id","allowedCollections","hasChildren","title","String","hasNextPage","totalDocs","refreshColumn","columnIndex","findIndex","col","prev","updated","isLoading","loadColumns","parentIds","length","push","results","Promise","all","index","parentTitle","columnsWithTitles","prevColumn","parentItem","find","item","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 { Spinner } from '../../Spinner/index.js'\nimport { Column } from './Column/index.js'\nimport './index.css'\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      // Combine with baseFilter if provided\n      const whereWithBaseFilter = combineWhereConstraints([parentWhere, 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 items: 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      return {\n        hasNextPage: data.hasNextPage || false,\n        items,\n        totalDocs: data.totalDocs || 0,\n      }\n    },\n    [\n      api,\n      baseFilter,\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      if (columns[columnIndex + 1]?.parentId === itemId) {\n        setColumns(columns.slice(0, columnIndex + 2))\n        return\n      }\n\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/types.d.ts

@@ -0,0 +1,108 @@
+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 modal with parentId */
+    onCreateNew: (params: {
+        parentId: null | number | string;
+        path: PathSegment[];
+    }) => 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;
+        path: PathSegment[];
+    }) => 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

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

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

package/dist/elements/Hierarchy/DocHeaderButton/index.css

@@ -0,0 +1,27 @@
+@layer payload-default {
+  .hierarchy-button {
+    margin: 0;
+    font-weight: normal;
+
+    .btn__content {
+      gap: 0;
+    }
+
+    .btn__label {
+      min-inline-size: 0;
+    }
+  }
+
+  .hierarchy-button--read-only {
+    cursor: default;
+    color: var(--color-text-disabled);
+  }
+
+  .hierarchy-button__truncate {
+    display: block;
+    max-inline-size: calc(var(--spacer-6) * 4);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}

package/dist/elements/Hierarchy/DocHeaderButton/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.css';
+export type HierarchyButtonClientProps = {
+    fieldName: string;
+    hasMany?: boolean;
+    hierarchyCollectionSlug: string;
+    Icon?: React.ReactNode;
+    readOnly?: boolean;
+    SmallIcon?: React.ReactNode;
+};
+export declare const HierarchyButtonClient: React.FC<HierarchyButtonClientProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Hierarchy/DocHeaderButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/DocHeaderButton/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAgBxE,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAsOtE,CAAA"}