@payloadcms/ui 4.0.0-internal.016994f → 4.0.0-internal.0731f09

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useEffect","useHierarchy","HydrateHierarchyProvider","t0","$","allowedCollections","baseFilter","collectionSlug","expandedNodes","parent","parentFieldName","selectedFilters","tableData","treeData","treeLimit","typeFieldName","useAsTitle","hydrate","t1","t2"],"sources":["../../../../src/elements/Hierarchy/HydrateProvider/index.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport { useEffect } from 'react'\n\nimport type { HydrateHierarchyProviderProps } from '../../../providers/Hierarchy/types.js'\n\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\n\nexport const HydrateHierarchyProvider: React.FC<HydrateHierarchyProviderProps> = ({\n  allowedCollections,\n  baseFilter,\n  collectionSlug,\n  expandedNodes,\n  parent,\n  parentFieldName,\n  selectedFilters,\n  tableData,\n  treeData,\n  treeLimit,\n  typeFieldName,\n  useAsTitle,\n}) => {\n  const { hydrate } = useHierarchy()\n\n  useEffect(() => {\n    hydrate({\n      allowedCollections,\n      baseFilter,\n      collectionSlug,\n      expandedNodes,\n      parent,\n      parentFieldName,\n      selectedFilters,\n      tableData,\n      treeData,\n      treeLimit,\n      typeFieldName,\n      useAsTitle,\n    })\n  }, [\n    allowedCollections,\n    baseFilter,\n    collectionSlug,\n    expandedNodes,\n    hydrate,\n    parent,\n    parentFieldName,\n    selectedFilters,\n    tableData,\n    treeData,\n    treeLimit,\n    typeFieldName,\n    useAsTitle,\n  ])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,QAAQ;AAI1B,SAASC,YAAY,QAAQ;AAE7B,OAAO,MAAMC,wBAAA,GAAoEC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM,kBAAA;IAAAC,UAAA;IAAAC,cAAA;IAAAC,aAAA;IAAAC,MAAA;IAAAC,eAAA;IAAAC,eAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,aAAA;IAAAC;EAAA,IAAAb,EAajF;EACC;IAAAc;EAAA,IAAoBhB,YAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAC,kBAAA,IAAAD,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAI,aAAA,IAAAJ,CAAA,QAAAa,OAAA,IAAAb,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAO,eAAA,IAAAP,CAAA,QAAAQ,SAAA,IAAAR,CAAA,QAAAS,QAAA,IAAAT,CAAA,SAAAU,SAAA,IAAAV,CAAA,SAAAW,aAAA,IAAAX,CAAA,SAAAY,UAAA;IAEVE,EAAA,GAAAA,CAAA;MACRD,OAAA;QAAAZ,kBAAA;QAAAC,UAAA;QAAAC,cAAA;QAAAC,aAAA;QAAAC,MAAA;QAAAC,eAAA;QAAAC,eAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,aAAA;QAAAC;MAAA,CAaA;IAAA;IACCG,EAAA,IACDd,kBAAA,EACAC,UAAA,EACAC,cAAA,EACAC,aAAA,EACAS,OAAA,EACAR,MAAA,EACAC,eAAA,EACAC,eAAA,EACAC,SAAA,EACAC,QAAA,EACAC,SAAA,EACAC,aAAA,EACAC,UAAA;IACDZ,CAAA,MAAAC,kBAAA;IAAAD,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAa,OAAA;IAAAb,CAAA,MAAAK,MAAA;IAAAL,CAAA,MAAAM,eAAA;IAAAN,CAAA,MAAAO,eAAA;IAAAP,CAAA,MAAAQ,SAAA;IAAAR,CAAA,MAAAS,QAAA;IAAAT,CAAA,OAAAU,SAAA;IAAAV,CAAA,OAAAW,aAAA;IAAAX,CAAA,OAAAY,UAAA;IAAAZ,CAAA,OAAAc,EAAA;IAAAd,CAAA,OAAAe,EAAA;EAAA;IAAAD,EAAA,GAAAd,CAAA;IAAAe,EAAA,GAAAf,CAAA;EAAA;EA7BDJ,SAAA,CAAUkB,EAeV,EAAGC,EAcF;EAAA;AAAA,CAGH","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useEffect","useHierarchy","HydrateHierarchyProvider","t0","$","allowedCollections","baseFilter","collectionSlug","expandedNodes","parent","parentFieldName","selectedFilters","tableData","treeData","treeLimit","typeFieldName","useAsTitle","hydrate","t1","t2"],"sources":["../../../../src/elements/Hierarchy/HydrateProvider/index.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport { useEffect } from 'react'\n\nimport type { HydrateHierarchyProviderProps } from '../../../providers/Hierarchy/types.js'\n\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\n\nexport const HydrateHierarchyProvider: React.FC<HydrateHierarchyProviderProps> = ({\n  allowedCollections,\n  baseFilter,\n  collectionSlug,\n  expandedNodes,\n  parent,\n  parentFieldName,\n  selectedFilters,\n  tableData,\n  treeData,\n  treeLimit,\n  typeFieldName,\n  useAsTitle,\n}) => {\n  const { hydrate } = useHierarchy()\n\n  useEffect(() => {\n    hydrate({\n      allowedCollections,\n      baseFilter,\n      collectionSlug,\n      expandedNodes,\n      parent,\n      parentFieldName,\n      selectedFilters,\n      tableData,\n      treeData,\n      treeLimit,\n      typeFieldName,\n      useAsTitle,\n    })\n  }, [\n    allowedCollections,\n    baseFilter,\n    collectionSlug,\n    expandedNodes,\n    hydrate,\n    parent,\n    parentFieldName,\n    selectedFilters,\n    tableData,\n    treeData,\n    treeLimit,\n    typeFieldName,\n    useAsTitle,\n  ])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,QAAQ;AAI1B,SAASC,YAAY,QAAQ;AAE7B,OAAO,MAAMC,wBAAA,GAAoEC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM,kBAAA;IAAAC,UAAA;IAAAC,cAAA;IAAAC,aAAA;IAAAC,MAAA;IAAAC,eAAA;IAAAC,eAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,aAAA;IAAAC;EAAA,IAAAb,EAajF;EACC;IAAAc;EAAA,IAAoBhB,YAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAC,kBAAA,IAAAD,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAI,aAAA,IAAAJ,CAAA,QAAAa,OAAA,IAAAb,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAO,eAAA,IAAAP,CAAA,QAAAQ,SAAA,IAAAR,CAAA,QAAAS,QAAA,IAAAT,CAAA,SAAAU,SAAA,IAAAV,CAAA,SAAAW,aAAA,IAAAX,CAAA,SAAAY,UAAA;IAEVE,EAAA,GAAAA,CAAA;MACRD,OAAA,CAAQ;QAAAZ,kBAAA;QAAAC,UAAA;QAAAC,cAAA;QAAAC,aAAA;QAAAC,MAAA;QAAAC,eAAA;QAAAC,eAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,aAAA;QAAAC;MAaR;IAAA,CACF;IAAGG,EAAA,IACDd,kBAAA,EACAC,UAAA,EACAC,cAAA,EACAC,aAAA,EACAS,OAAA,EACAR,MAAA,EACAC,eAAA,EACAC,eAAA,EACAC,SAAA,EACAC,QAAA,EACAC,SAAA,EACAC,aAAA,EACAC,UAAA,CACD;IAAAZ,CAAA,MAAAC,kBAAA;IAAAD,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAa,OAAA;IAAAb,CAAA,MAAAK,MAAA;IAAAL,CAAA,MAAAM,eAAA;IAAAN,CAAA,MAAAO,eAAA;IAAAP,CAAA,MAAAQ,SAAA;IAAAR,CAAA,MAAAS,QAAA;IAAAT,CAAA,OAAAU,SAAA;IAAAV,CAAA,OAAAW,aAAA;IAAAX,CAAA,OAAAY,UAAA;IAAAZ,CAAA,OAAAc,EAAA;IAAAd,CAAA,OAAAe,EAAA;EAAA;IAAAD,EAAA,GAAAd,CAAA;IAAAe,EAAA,GAAAf,CAAA;EAAA;EA7BDJ,SAAA,CAAUkB,EAeV,EAAGC,EAcF;EAAA,OAEM;AAAA,CACT","ignoreList":[]}

package/dist/elements/Hierarchy/Modal/Footer/index.css

@@ -1,45 +1,33 @@
 @layer payload-default {
-  .hierarchy-modal-footer__lead {
-    display: flex;
-    align-items: center;
-    gap: var(--spacer-1);
-    min-width: 0;
-    overflow: hidden;
-  }
-
-  .hierarchy-modal-footer__trail {
+  .hierarchy-modal-footer__info,
+  .hierarchy-modal-footer__actions {
     display: flex;
     align-items: center;
     gap: var(--spacer-2);
-    flex-shrink: 0;
   }
 
-  .hierarchy-modal-footer__placeholder {
-    color: var(--color-text-secondary);
-    white-space: nowrap;
+  .hierarchy-modal-footer__info {
+    min-inline-size: 0;
+    margin-inline-end: auto;
+    overflow: hidden;
   }
 
+  .hierarchy-modal-footer__actions,
   .hierarchy-modal-footer__arrow {
-    display: flex;
     flex-shrink: 0;
-    color: var(--color-text-secondary);
-  }
-
-  .hierarchy-modal-footer__chip {
-    max-width: 280px;
   }
 
-  /* Lets the breadcrumb ellipsize instead of forcing the chip past its max-width */
-  .hierarchy-modal-footer__chip .chip__label {
-    min-width: 0;
+  .hierarchy-modal-footer__secondary,
+  .hierarchy-modal-footer__arrow {
+    color: var(--color-text-secondary);
   }
 
-  .hierarchy-modal-footer__chip-separator,
-  .hierarchy-modal-footer__chip-ellipsis {
-    color: var(--color-text-secondary);
+  .hierarchy-modal-footer__path {
+    min-inline-size: 0;
+    max-inline-size: calc(var(--spacer-6) * 7);
   }
 
-  .hierarchy-modal-footer__chip-separator {
-    padding-inline: calc(var(--spacer-1) / 2);
+  .hierarchy-modal-footer__path .chip__label {
+    min-inline-size: 0;
   }
 }

package/dist/elements/Hierarchy/Modal/Footer/index.d.ts

@@ -2,27 +2,20 @@ import React from 'react';
 import type { PathSegment } from '../../ColumnBrowser/types.js';
 import './index.css';
 export type HierarchyModalFooterProps = {
-    /** Label for the primary action, e.g. "Move" or "Confirm" */
-    readonly confirmLabel: string;
-    /** Path of the item the user has picked in this session, root first */
-    readonly destinationPath?: PathSegment[];
-    /** Leading icon for the breadcrumb chips - falls back to a folder */
-    readonly Icon?: React.ReactNode;
-    readonly isConfirmDisabled: boolean;
-    readonly isMultiSelect: boolean;
-    readonly onClear: () => void;
-    readonly onConfirm: () => void;
-    readonly onMoveToRoot?: () => void;
-    /** Called with a chip's path to expand the browser down to that item and focus it */
-    readonly onRevealPath: (path: PathSegment[]) => void;
-    /** Shown when nothing has been picked yet, e.g. "Select Folder" */
-    readonly placeholderLabel: string;
-    /** Path the item lived in before the modal was opened, root first */
-    readonly previousPath?: PathSegment[];
-    readonly selectionCount: number;
-    /** Shown in multi-select mode once something is checked, e.g. "3 Tags selected" */
-    readonly selectionCountLabel: string;
-    readonly showMoveToRoot?: boolean;
+    confirmLabel: string;
+    destinationPath?: PathSegment[];
+    Icon?: React.ReactNode;
+    isBusy?: boolean;
+    isConfirmDisabled: boolean;
+    isMultiSelect: boolean;
+    onClear: () => void;
+    onConfirm: () => void;
+    onMoveToRoot?: () => void;
+    placeholderLabel: string;
+    previousPath?: PathSegment[];
+    selectionCount: number;
+    selectionCountLabel: string;
+    showMoveToRoot?: boolean;
 };
 export declare const HierarchyModalFooter: React.FC<HierarchyModalFooterProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Hierarchy/Modal/Footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Hierarchy/Modal/Footer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAQ/D,OAAO,aAAa,CAAA;AAOpB,MAAM,MAAM,yBAAyB,GAAG;IACtC,6DAA6D;IAC7D,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,uEAAuE;IACvE,QAAQ,CAAC,eAAe,CAAC,EAAE,WAAW,EAAE,CAAA;IACxC,qEAAqE;IACrE,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,iBAAiB,EAAE,OAAO,CAAA;IACnC,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,SAAS,EAAE,MAAM,IAAI,CAAA;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,qFAAqF;IACrF,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;IACpD,mEAAmE;IACnE,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAA;IACjC,qEAAqE;IACrE,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IACrC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,mFAAmF;IACnF,QAAQ,CAAC,mBAAmB,EAAE,MAAM,CAAA;IACpC,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;CAClC,CAAA;AAsCD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAqFpE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Hierarchy/Modal/Footer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAQ/D,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,yBAAyB,GAAG;IACtC,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,WAAW,EAAE,CAAA;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,aAAa,EAAE,OAAO,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,gBAAgB,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAeD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA6EpE,CAAA"}

package/dist/elements/Hierarchy/Modal/Footer/index.js

@@ -2,7 +2,7 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback } from 'react';
+import React from 'react';
 import { FolderIcon } from '../../../../icons/Folder/index.js';
 import { ReplaceIcon } from '../../../../icons/Replace/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
@@ -11,129 +11,86 @@ import { Chip } from '../../../Chip/index.js';
 import { DialogFooter } from '../../../Dialog/index.js';
 import './index.css';
 const baseClass = 'hierarchy-modal-footer';
-// TODO: replace with a translation key once the hierarchy strings are finalized
-const moveToLabel = 'Move to';
-/** Deeper paths collapse to a leading ellipsis so the chip stays scannable, e.g. "… / Parent / Child" */
-const MAX_VISIBLE_SEGMENTS = 2;
-const Separator = () => /*#__PURE__*/_jsx("span", {
-  className: `${baseClass}__chip-separator`,
-  children: "/"
-});
-const HierarchyPathChip = ({
+const HierarchyPath = ({
   Icon,
-  onClick,
   path
 }) => {
-  const isTruncated = path.length > MAX_VISIBLE_SEGMENTS;
-  const visibleSegments = isTruncated ? path.slice(-MAX_VISIBLE_SEGMENTS) : path;
-  return /*#__PURE__*/_jsxs(Chip, {
-    "aria-label": path.map(segment => segment.title).join(' / '),
-    className: `${baseClass}__chip`,
+  const label = path.map(segment => segment.title).join(' / ');
+  return /*#__PURE__*/_jsx(Chip, {
+    "aria-label": label,
+    className: `${baseClass}__path`,
     icon: Icon ?? /*#__PURE__*/_jsx(FolderIcon, {}),
-    onClick: onClick,
-    children: [isTruncated ? /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [/*#__PURE__*/_jsx("span", {
-        className: `${baseClass}__chip-ellipsis`,
-        children: "…"
-      }), /*#__PURE__*/_jsx(Separator, {})]
-    }) : null, visibleSegments.map((segment, index) => /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [index > 0 && /*#__PURE__*/_jsx(Separator, {}), segment.title]
-    }, segment.id))]
+    children: label
   });
 };
 export const HierarchyModalFooter = t0 => {
-  const $ = _c(23);
+  const $ = _c(16);
   const {
     confirmLabel,
     destinationPath,
     Icon,
+    isBusy: t1,
     isConfirmDisabled,
     isMultiSelect,
     onClear,
     onConfirm,
     onMoveToRoot,
-    onRevealPath,
     placeholderLabel,
     previousPath,
     selectionCount,
     selectionCountLabel,
     showMoveToRoot
   } = t0;
+  const isBusy = t1 === undefined ? false : t1;
   const {
     t
   } = useTranslation();
-  let t1;
-  if ($[0] !== onRevealPath || $[1] !== previousPath) {
-    t1 = () => onRevealPath(previousPath ?? []);
-    $[0] = onRevealPath;
-    $[1] = previousPath;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const revealPrevious = t1;
   let t2;
-  if ($[3] !== destinationPath || $[4] !== onRevealPath) {
-    t2 = () => onRevealPath(destinationPath ?? []);
-    $[3] = destinationPath;
-    $[4] = onRevealPath;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  const revealDestination = t2;
-  let t3;
-  if ($[6] !== Icon || $[7] !== confirmLabel || $[8] !== destinationPath || $[9] !== isConfirmDisabled || $[10] !== isMultiSelect || $[11] !== onClear || $[12] !== onConfirm || $[13] !== onMoveToRoot || $[14] !== placeholderLabel || $[15] !== previousPath || $[16] !== revealDestination || $[17] !== revealPrevious || $[18] !== selectionCount || $[19] !== selectionCountLabel || $[20] !== showMoveToRoot || $[21] !== t) {
-    const placeholder = _jsx("span", {
-      className: `${baseClass}__placeholder`,
-      children: placeholderLabel
-    });
-    t3 = _jsxs(DialogFooter, {
+  if ($[0] !== Icon || $[1] !== confirmLabel || $[2] !== destinationPath || $[3] !== isBusy || $[4] !== isConfirmDisabled || $[5] !== isMultiSelect || $[6] !== onClear || $[7] !== onConfirm || $[8] !== onMoveToRoot || $[9] !== placeholderLabel || $[10] !== previousPath || $[11] !== selectionCount || $[12] !== selectionCountLabel || $[13] !== showMoveToRoot || $[14] !== t) {
+    t2 = _jsxs(DialogFooter, {
       children: [_jsx("div", {
-        className: `${baseClass}__lead`,
-        children: isMultiSelect ? selectionCount > 0 ? _jsxs(React.Fragment, {
+        className: `${baseClass}__info`,
+        children: isMultiSelect ? _jsxs(React.Fragment, {
           children: [_jsx("span", {
-            className: `${baseClass}__placeholder`,
+            className: `${baseClass}__secondary`,
             children: selectionCountLabel
-          }), _jsx(Button, {
-            buttonStyle: "link",
+          }), selectionCount > 0 ? _jsx(Button, {
+            buttonStyle: "primary-ghost",
             className: `${baseClass}__clear`,
             margin: false,
             onClick: onClear,
             size: "medium",
             children: t("general:clear")
-          })]
-        }) : placeholder : _jsxs(React.Fragment, {
+          }) : null]
+        }) : _jsxs(React.Fragment, {
           children: [previousPath?.length ? _jsxs(React.Fragment, {
-            children: [_jsx(HierarchyPathChip, {
+            children: [_jsx(HierarchyPath, {
               Icon,
-              onClick: revealPrevious,
               path: previousPath
             }), _jsx("span", {
+              "aria-hidden": true,
               className: `${baseClass}__arrow`,
               children: _jsx(ReplaceIcon, {})
             })]
-          }) : null, destinationPath?.length ? _jsxs(React.Fragment, {
-            children: [!previousPath?.length && _jsx("span", {
-              className: `${baseClass}__placeholder`,
-              children: moveToLabel
-            }), _jsx(HierarchyPathChip, {
-              Icon,
-              onClick: revealDestination,
-              path: destinationPath
-            })]
-          }) : placeholder]
+          }) : null, destinationPath?.length ? _jsx(HierarchyPath, {
+            Icon,
+            path: destinationPath
+          }) : _jsx("span", {
+            className: `${baseClass}__secondary`,
+            children: placeholderLabel
+          })]
         })
       }), _jsxs("div", {
-        className: `${baseClass}__trail`,
+        className: `${baseClass}__actions`,
         children: [showMoveToRoot && onMoveToRoot ? _jsx(Button, {
           buttonStyle: "secondary",
+          disabled: isBusy,
           margin: false,
           onClick: onMoveToRoot,
           size: "medium",
           children: t("hierarchy:moveToRoot")
         }) : null, _jsx(Button, {
-          disabled: isConfirmDisabled,
+          disabled: isBusy || isConfirmDisabled,
           margin: false,
           onClick: onConfirm,
           size: "medium",
@@ -141,26 +98,25 @@ export const HierarchyModalFooter = t0 => {
         })]
       })]
     });
-    $[6] = Icon;
-    $[7] = confirmLabel;
-    $[8] = destinationPath;
-    $[9] = isConfirmDisabled;
-    $[10] = isMultiSelect;
-    $[11] = onClear;
-    $[12] = onConfirm;
-    $[13] = onMoveToRoot;
-    $[14] = placeholderLabel;
-    $[15] = previousPath;
-    $[16] = revealDestination;
-    $[17] = revealPrevious;
-    $[18] = selectionCount;
-    $[19] = selectionCountLabel;
-    $[20] = showMoveToRoot;
-    $[21] = t;
-    $[22] = t3;
+    $[0] = Icon;
+    $[1] = confirmLabel;
+    $[2] = destinationPath;
+    $[3] = isBusy;
+    $[4] = isConfirmDisabled;
+    $[5] = isMultiSelect;
+    $[6] = onClear;
+    $[7] = onConfirm;
+    $[8] = onMoveToRoot;
+    $[9] = placeholderLabel;
+    $[10] = previousPath;
+    $[11] = selectionCount;
+    $[12] = selectionCountLabel;
+    $[13] = showMoveToRoot;
+    $[14] = t;
+    $[15] = t2;
   } else {
-    t3 = $[22];
+    t2 = $[15];
   }
-  return t3;
+  return t2;
 };
 //# sourceMappingURL=index.js.map

package/dist/elements/Hierarchy/Modal/Footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","FolderIcon","ReplaceIcon","useTranslation","Button","Chip","DialogFooter","baseClass","moveToLabel","MAX_VISIBLE_SEGMENTS","Separator","_jsx","className","HierarchyPathChip","Icon","onClick","path","isTruncated","length","visibleSegments","slice","_jsxs","map","segment","title","join","icon","Fragment","index","id","HierarchyModalFooter","t0","$","confirmLabel","destinationPath","isConfirmDisabled","isMultiSelect","onClear","onConfirm","onMoveToRoot","onRevealPath","placeholderLabel","previousPath","selectionCount","selectionCountLabel","showMoveToRoot","t","t1","revealPrevious","t2","revealDestination","t3","placeholder","children","buttonStyle","margin","size","disabled"],"sources":["../../../../../src/elements/Hierarchy/Modal/Footer/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback } from 'react'\n\nimport type { PathSegment } from '../../ColumnBrowser/types.js'\n\nimport { FolderIcon } from '../../../../icons/Folder/index.js'\nimport { ReplaceIcon } from '../../../../icons/Replace/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Button } from '../../../Button/index.js'\nimport { Chip } from '../../../Chip/index.js'\nimport { DialogFooter } from '../../../Dialog/index.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-modal-footer'\n\n// TODO: replace with a translation key once the hierarchy strings are finalized\nconst moveToLabel = 'Move to'\n\nexport type HierarchyModalFooterProps = {\n  /** Label for the primary action, e.g. \"Move\" or \"Confirm\" */\n  readonly confirmLabel: string\n  /** Path of the item the user has picked in this session, root first */\n  readonly destinationPath?: PathSegment[]\n  /** Leading icon for the breadcrumb chips - falls back to a folder */\n  readonly Icon?: React.ReactNode\n  readonly isConfirmDisabled: boolean\n  readonly isMultiSelect: boolean\n  readonly onClear: () => void\n  readonly onConfirm: () => void\n  readonly onMoveToRoot?: () => void\n  /** Called with a chip's path to expand the browser down to that item and focus it */\n  readonly onRevealPath: (path: PathSegment[]) => void\n  /** Shown when nothing has been picked yet, e.g. \"Select Folder\" */\n  readonly placeholderLabel: string\n  /** Path the item lived in before the modal was opened, root first */\n  readonly previousPath?: PathSegment[]\n  readonly selectionCount: number\n  /** Shown in multi-select mode once something is checked, e.g. \"3 Tags selected\" */\n  readonly selectionCountLabel: string\n  readonly showMoveToRoot?: boolean\n}\n\n/** Deeper paths collapse to a leading ellipsis so the chip stays scannable, e.g. \"… / Parent / Child\" */\nconst MAX_VISIBLE_SEGMENTS = 2\n\nconst Separator: React.FC = () => <span className={`${baseClass}__chip-separator`}>/</span>\n\nconst HierarchyPathChip: React.FC<{\n  readonly Icon?: React.ReactNode\n  readonly onClick: () => void\n  readonly path: PathSegment[]\n}> = ({ Icon, onClick, path }) => {\n  const isTruncated = path.length > MAX_VISIBLE_SEGMENTS\n  const visibleSegments = isTruncated ? path.slice(-MAX_VISIBLE_SEGMENTS) : path\n\n  return (\n    <Chip\n      aria-label={path.map((segment) => segment.title).join(' / ')}\n      className={`${baseClass}__chip`}\n      icon={Icon ?? <FolderIcon />}\n      onClick={onClick}\n    >\n      {isTruncated ? (\n        <React.Fragment>\n          <span className={`${baseClass}__chip-ellipsis`}>&hellip;</span>\n          <Separator />\n        </React.Fragment>\n      ) : null}\n      {visibleSegments.map((segment, index) => (\n        <React.Fragment key={segment.id}>\n          {index > 0 && <Separator />}\n          {segment.title}\n        </React.Fragment>\n      ))}\n    </Chip>\n  )\n}\n\nexport const HierarchyModalFooter: React.FC<HierarchyModalFooterProps> = ({\n  confirmLabel,\n  destinationPath,\n  Icon,\n  isConfirmDisabled,\n  isMultiSelect,\n  onClear,\n  onConfirm,\n  onMoveToRoot,\n  onRevealPath,\n  placeholderLabel,\n  previousPath,\n  selectionCount,\n  selectionCountLabel,\n  showMoveToRoot,\n}) => {\n  const { t } = useTranslation()\n\n  const revealPrevious = useCallback(\n    () => onRevealPath(previousPath ?? []),\n    [onRevealPath, previousPath],\n  )\n\n  const revealDestination = useCallback(\n    () => onRevealPath(destinationPath ?? []),\n    [destinationPath, onRevealPath],\n  )\n\n  const placeholder = <span className={`${baseClass}__placeholder`}>{placeholderLabel}</span>\n\n  return (\n    <DialogFooter>\n      <div className={`${baseClass}__lead`}>\n        {isMultiSelect ? (\n          selectionCount > 0 ? (\n            <React.Fragment>\n              <span className={`${baseClass}__placeholder`}>{selectionCountLabel}</span>\n              <Button\n                buttonStyle=\"link\"\n                className={`${baseClass}__clear`}\n                margin={false}\n                onClick={onClear}\n                size=\"medium\"\n              >\n                {t('general:clear')}\n              </Button>\n            </React.Fragment>\n          ) : (\n            placeholder\n          )\n        ) : (\n          <React.Fragment>\n            {previousPath?.length ? (\n              <React.Fragment>\n                <HierarchyPathChip Icon={Icon} onClick={revealPrevious} path={previousPath} />\n                <span className={`${baseClass}__arrow`}>\n                  <ReplaceIcon />\n                </span>\n              </React.Fragment>\n            ) : null}\n            {destinationPath?.length ? (\n              <React.Fragment>\n                {!previousPath?.length && (\n                  <span className={`${baseClass}__placeholder`}>{moveToLabel}</span>\n                )}\n                <HierarchyPathChip Icon={Icon} onClick={revealDestination} path={destinationPath} />\n              </React.Fragment>\n            ) : (\n              placeholder\n            )}\n          </React.Fragment>\n        )}\n      </div>\n      <div className={`${baseClass}__trail`}>\n        {showMoveToRoot && onMoveToRoot ? (\n          <Button buttonStyle=\"secondary\" margin={false} onClick={onMoveToRoot} size=\"medium\">\n            {t('hierarchy:moveToRoot')}\n          </Button>\n        ) : null}\n        <Button disabled={isConfirmDisabled} margin={false} onClick={onConfirm} size=\"medium\">\n          {confirmLabel}\n        </Button>\n      </div>\n    </DialogFooter>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","FolderIcon","ReplaceIcon","useTranslation","Button","Chip","DialogFooter","baseClass","HierarchyPath","Icon","path","label","map","segment","title","join","_jsx","className","icon","HierarchyModalFooter","t0","$","confirmLabel","destinationPath","isBusy","t1","isConfirmDisabled","isMultiSelect","onClear","onConfirm","onMoveToRoot","placeholderLabel","previousPath","selectionCount","selectionCountLabel","showMoveToRoot","undefined","t","t2","_jsxs","children","Fragment","buttonStyle","margin","onClick","size","length","disabled"],"sources":["../../../../../src/elements/Hierarchy/Modal/Footer/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { PathSegment } from '../../ColumnBrowser/types.js'\n\nimport { FolderIcon } from '../../../../icons/Folder/index.js'\nimport { ReplaceIcon } from '../../../../icons/Replace/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Button } from '../../../Button/index.js'\nimport { Chip } from '../../../Chip/index.js'\nimport { DialogFooter } from '../../../Dialog/index.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-modal-footer'\n\nexport type HierarchyModalFooterProps = {\n  confirmLabel: string\n  destinationPath?: PathSegment[]\n  Icon?: React.ReactNode\n  isBusy?: boolean\n  isConfirmDisabled: boolean\n  isMultiSelect: boolean\n  onClear: () => void\n  onConfirm: () => void\n  onMoveToRoot?: () => void\n  placeholderLabel: string\n  previousPath?: PathSegment[]\n  selectionCount: number\n  selectionCountLabel: string\n  showMoveToRoot?: boolean\n}\n\nconst HierarchyPath: React.FC<{\n  Icon?: React.ReactNode\n  path: PathSegment[]\n}> = ({ Icon, path }) => {\n  const label = path.map((segment) => segment.title).join(' / ')\n\n  return (\n    <Chip aria-label={label} className={`${baseClass}__path`} icon={Icon ?? <FolderIcon />}>\n      {label}\n    </Chip>\n  )\n}\n\nexport const HierarchyModalFooter: React.FC<HierarchyModalFooterProps> = ({\n  confirmLabel,\n  destinationPath,\n  Icon,\n  isBusy = false,\n  isConfirmDisabled,\n  isMultiSelect,\n  onClear,\n  onConfirm,\n  onMoveToRoot,\n  placeholderLabel,\n  previousPath,\n  selectionCount,\n  selectionCountLabel,\n  showMoveToRoot,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <DialogFooter>\n      <div className={`${baseClass}__info`}>\n        {isMultiSelect ? (\n          <React.Fragment>\n            <span className={`${baseClass}__secondary`}>{selectionCountLabel}</span>\n            {selectionCount > 0 ? (\n              <Button\n                buttonStyle=\"primary-ghost\"\n                className={`${baseClass}__clear`}\n                margin={false}\n                onClick={onClear}\n                size=\"medium\"\n              >\n                {t('general:clear')}\n              </Button>\n            ) : null}\n          </React.Fragment>\n        ) : (\n          <React.Fragment>\n            {previousPath?.length ? (\n              <React.Fragment>\n                <HierarchyPath Icon={Icon} path={previousPath} />\n                <span aria-hidden className={`${baseClass}__arrow`}>\n                  <ReplaceIcon />\n                </span>\n              </React.Fragment>\n            ) : null}\n            {destinationPath?.length ? (\n              <HierarchyPath Icon={Icon} path={destinationPath} />\n            ) : (\n              <span className={`${baseClass}__secondary`}>{placeholderLabel}</span>\n            )}\n          </React.Fragment>\n        )}\n      </div>\n      <div className={`${baseClass}__actions`}>\n        {showMoveToRoot && onMoveToRoot ? (\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={isBusy}\n            margin={false}\n            onClick={onMoveToRoot}\n            size=\"medium\"\n          >\n            {t('hierarchy:moveToRoot')}\n          </Button>\n        ) : null}\n        <Button\n          disabled={isBusy || isConfirmDisabled}\n          margin={false}\n          onClick={onConfirm}\n          size=\"medium\"\n        >\n          {confirmLabel}\n        </Button>\n      </div>\n    </DialogFooter>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/Modal/fetchAncestorPath.d.ts

@@ -7,23 +7,14 @@ type FetchAncestorPathArgs = {
     serverURL: string;
     useAsTitle: string;
 };
-type FetchAncestorPathsArgs = {
-    itemIds: (number | string)[];
-} & Omit<FetchAncestorPathArgs, 'itemId'>;
 export type AncestorPathResult = {
-    /** Ancestor IDs from root down to the item's immediate parent, excluding the item itself */
     ancestorIds: (number | string)[];
-    /** Full path from root down to the item itself, with titles */
     path: PathSegment[];
 };
 /**
- * Fetches the ancestor paths for several items in a single API call with depth.
- * Each populated parent chain is walked to build a titled breadcrumb from root to the item.
+ * Fetches the ancestor path for an item using a single API call with depth.
+ * Returns the ancestor IDs used to expand the browser and a titled path for the footer.
  */
-export declare function fetchAncestorPaths({ api, collectionSlug, itemIds, parentFieldName, serverURL, useAsTitle, }: FetchAncestorPathsArgs): Promise<Map<number | string, AncestorPathResult>>;
-/**
- * Fetches the ancestor path for a single item. See {@link fetchAncestorPaths}.
- */
-export declare function fetchAncestorPath({ itemId, ...rest }: FetchAncestorPathArgs): Promise<AncestorPathResult>;
+export declare function fetchAncestorPath({ api, collectionSlug, itemId, parentFieldName, serverURL, useAsTitle, }: FetchAncestorPathArgs): Promise<AncestorPathResult>;
 export {};
 //# sourceMappingURL=fetchAncestorPath.d.ts.map

package/dist/elements/Hierarchy/Modal/fetchAncestorPath.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fetchAncestorPath.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Modal/fetchAncestorPath.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAE5D,KAAK,qBAAqB,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,cAAc,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;CAC7B,GAAG,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CAAC,CAAA;AAEzC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,4FAA4F;IAC5F,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAChC,+DAA+D;IAC/D,IAAI,EAAE,WAAW,EAAE,CAAA;CACpB,CAAA;AAMD;;;GAGG;AACH,wBAAsB,kBAAkB,CAAC,EACvC,GAAG,EACH,cAAc,EACd,OAAO,EACP,eAAe,EACf,SAAS,EACT,UAAU,GACX,EAAE,sBAAsB,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,kBAAkB,CAAC,CAAC,CA0C5E;AAED;;GAEG;AACH,wBAAsB,iBAAiB,CAAC,EACtC,MAAM,EACN,GAAG,IAAI,EACR,EAAE,qBAAqB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAIrD"}
+{"version":3,"file":"fetchAncestorPath.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Modal/fetchAncestorPath.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAE5D,KAAK,qBAAqB,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,cAAc,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAChC,IAAI,EAAE,WAAW,EAAE,CAAA;CACpB,CAAA;AAID;;;GAGG;AACH,wBAAsB,iBAAiB,CAAC,EACtC,GAAG,EACH,cAAc,EACd,MAAM,EACN,eAAe,EACf,SAAS,EACT,UAAU,GACX,EAAE,qBAAqB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAwDrD"}

package/dist/elements/Hierarchy/Modal/fetchAncestorPath.js

@@ -1,36 +1,28 @@
 import { formatAdminURL } from 'payload/shared';
 import * as qs from 'qs-esm';
 const MAX_HIERARCHY_DEPTH = 20;
-const EMPTY_RESULT = {
-  ancestorIds: [],
-  path: []
-};
 /**
- * Fetches the ancestor paths for several items in a single API call with depth.
- * Each populated parent chain is walked to build a titled breadcrumb from root to the item.
+ * Fetches the ancestor path for an item using a single API call with depth.
+ * Returns the ancestor IDs used to expand the browser and a titled path for the footer.
  */
-export async function fetchAncestorPaths({
+export async function fetchAncestorPath({
   api,
   collectionSlug,
-  itemIds,
+  itemId,
   parentFieldName,
   serverURL,
   useAsTitle
 }) {
-  const results = new Map();
-  if (itemIds.length === 0) {
-    return results;
-  }
   const queryString = qs.stringify({
     depth: MAX_HIERARCHY_DEPTH,
-    limit: itemIds.length,
+    limit: 1,
     select: {
       [parentFieldName]: true,
       [useAsTitle]: true
     },
     where: {
       id: {
-        in: itemIds
+        equals: itemId
       }
     }
   }, {
@@ -45,80 +37,50 @@ export async function fetchAncestorPaths({
     credentials: 'include'
   });
   if (!response.ok) {
-    return results;
+    return {
+      ancestorIds: [],
+      path: []
+    };
   }
   const data = await response.json();
-  for (const doc of data.docs || []) {
-    const id = doc.id;
-    if (id === null || id === undefined) {
-      continue;
+  const doc = data.docs?.[0];
+  if (!doc) {
+    return {
+      ancestorIds: [],
+      path: []
+    };
+  }
+  const path = [toPathSegment({
+    id: itemId,
+    doc,
+    useAsTitle
+  })];
+  let current = doc[parentFieldName];
+  while (current !== null && current !== undefined) {
+    const parentId = typeof current === 'object' ? current.id : current;
+    if (parentId !== null && parentId !== undefined) {
+      path.unshift(toPathSegment({
+        id: parentId,
+        doc: typeof current === 'object' ? current : undefined,
+        useAsTitle
+      }));
     }
-    results.set(id, buildAncestorPath({
-      id,
-      doc,
-      parentFieldName,
-      useAsTitle
-    }));
+    current = typeof current === 'object' ? current[parentFieldName] : null;
   }
-  return results;
-}
-/**
- * Fetches the ancestor path for a single item. See {@link fetchAncestorPaths}.
- */
-export async function fetchAncestorPath({
-  itemId,
-  ...rest
-}) {
-  const results = await fetchAncestorPaths({
-    ...rest,
-    itemIds: [itemId]
-  });
-  return results.get(itemId) ?? EMPTY_RESULT;
+  return {
+    ancestorIds: path.slice(0, -1).map(segment => segment.id),
+    path
+  };
 }
-function buildAncestorPath({
+function toPathSegment({
   id,
   doc,
-  parentFieldName,
   useAsTitle
 }) {
-  const toTitle = (value, segmentID) => {
-    const rawTitle = value?.[useAsTitle];
-    return typeof rawTitle === 'string' || typeof rawTitle === 'number' ? String(rawTitle) : String(segmentID);
-  };
-  const path = [{
-    id,
-    title: toTitle(doc, id)
-  }];
-  let current = doc;
-  for (let depth = 0; depth < MAX_HIERARCHY_DEPTH; depth++) {
-    const parent = current?.[parentFieldName];
-    if (parent === null || parent === undefined) {
-      break;
-    }
-    // Parent is either a populated document or a bare ID once the depth limit is hit
-    if (typeof parent === 'object') {
-      const parentDoc = parent;
-      const parentID = parentDoc.id;
-      if (parentID === null || parentID === undefined) {
-        break;
-      }
-      path.unshift({
-        id: parentID,
-        title: toTitle(parentDoc, parentID)
-      });
-      current = parentDoc;
-    } else {
-      const parentID = parent;
-      path.unshift({
-        id: parentID,
-        title: String(parentID)
-      });
-      break;
-    }
-  }
+  const title = doc?.[useAsTitle];
   return {
-    ancestorIds: path.slice(0, -1).map(segment => segment.id),
-    path
+    id,
+    title: typeof title === 'number' || typeof title === 'string' ? String(title) : String(id)
   };
 }
 //# sourceMappingURL=fetchAncestorPath.js.map

package/dist/elements/Hierarchy/Modal/fetchAncestorPath.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetchAncestorPath.js","names":["formatAdminURL","qs","MAX_HIERARCHY_DEPTH","EMPTY_RESULT","ancestorIds","path","fetchAncestorPaths","api","collectionSlug","itemIds","parentFieldName","serverURL","useAsTitle","results","Map","length","queryString","stringify","depth","limit","select","where","id","in","addQueryPrefix","url","apiRoute","response","fetch","credentials","ok","data","json","doc","docs","undefined","set","buildAncestorPath","fetchAncestorPath","itemId","rest","get","toTitle","value","segmentID","rawTitle","String","title","current","parent","parentDoc","parentID","unshift","slice","map","segment"],"sources":["../../../../src/elements/Hierarchy/Modal/fetchAncestorPath.ts"],"sourcesContent":["import { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\n\nimport type { PathSegment } from '../ColumnBrowser/types.js'\n\ntype FetchAncestorPathArgs = {\n  api: string\n  collectionSlug: string\n  itemId: number | string\n  parentFieldName: string\n  serverURL: string\n  useAsTitle: string\n}\n\ntype FetchAncestorPathsArgs = {\n  itemIds: (number | string)[]\n} & Omit<FetchAncestorPathArgs, 'itemId'>\n\nexport type AncestorPathResult = {\n  /** Ancestor IDs from root down to the item's immediate parent, excluding the item itself */\n  ancestorIds: (number | string)[]\n  /** Full path from root down to the item itself, with titles */\n  path: PathSegment[]\n}\n\nconst MAX_HIERARCHY_DEPTH = 20\n\nconst EMPTY_RESULT: AncestorPathResult = { ancestorIds: [], path: [] }\n\n/**\n * Fetches the ancestor paths for several items in a single API call with depth.\n * Each populated parent chain is walked to build a titled breadcrumb from root to the item.\n */\nexport async function fetchAncestorPaths({\n  api,\n  collectionSlug,\n  itemIds,\n  parentFieldName,\n  serverURL,\n  useAsTitle,\n}: FetchAncestorPathsArgs): Promise<Map<number | string, AncestorPathResult>> {\n  const results = new Map<number | string, AncestorPathResult>()\n\n  if (itemIds.length === 0) {\n    return results\n  }\n\n  const queryString = qs.stringify(\n    {\n      depth: MAX_HIERARCHY_DEPTH,\n      limit: itemIds.length,\n      select: { [parentFieldName]: true, [useAsTitle]: true },\n      where: { id: { in: itemIds } },\n    },\n    { addQueryPrefix: true },\n  )\n\n  const url = formatAdminURL({\n    apiRoute: api,\n    path: `/${collectionSlug}${queryString}`,\n    serverURL,\n  })\n\n  const response = await fetch(url, { credentials: 'include' })\n\n  if (!response.ok) {\n    return results\n  }\n\n  const data = await response.json()\n\n  for (const doc of (data.docs || []) as Record<string, unknown>[]) {\n    const id = doc.id as number | string\n\n    if (id === null || id === undefined) {\n      continue\n    }\n\n    results.set(id, buildAncestorPath({ id, doc, parentFieldName, useAsTitle }))\n  }\n\n  return results\n}\n\n/**\n * Fetches the ancestor path for a single item. See {@link fetchAncestorPaths}.\n */\nexport async function fetchAncestorPath({\n  itemId,\n  ...rest\n}: FetchAncestorPathArgs): Promise<AncestorPathResult> {\n  const results = await fetchAncestorPaths({ ...rest, itemIds: [itemId] })\n\n  return results.get(itemId) ?? EMPTY_RESULT\n}\n\nfunction buildAncestorPath({\n  id,\n  doc,\n  parentFieldName,\n  useAsTitle,\n}: {\n  doc: Record<string, unknown>\n  id: number | string\n  parentFieldName: string\n  useAsTitle: string\n}): AncestorPathResult {\n  const toTitle = (\n    value: Record<string, unknown> | undefined,\n    segmentID: number | string,\n  ): string => {\n    const rawTitle = value?.[useAsTitle]\n    return typeof rawTitle === 'string' || typeof rawTitle === 'number'\n      ? String(rawTitle)\n      : String(segmentID)\n  }\n\n  const path: PathSegment[] = [{ id, title: toTitle(doc, id) }]\n\n  let current: Record<string, unknown> | undefined = doc\n\n  for (let depth = 0; depth < MAX_HIERARCHY_DEPTH; depth++) {\n    const parent = current?.[parentFieldName]\n\n    if (parent === null || parent === undefined) {\n      break\n    }\n\n    // Parent is either a populated document or a bare ID once the depth limit is hit\n    if (typeof parent === 'object') {\n      const parentDoc = parent as Record<string, unknown>\n      const parentID = parentDoc.id as number | string\n\n      if (parentID === null || parentID === undefined) {\n        break\n      }\n\n      path.unshift({ id: parentID, title: toTitle(parentDoc, parentID) })\n      current = parentDoc\n    } else {\n      const parentID = parent as number | string\n      path.unshift({ id: parentID, title: String(parentID) })\n      break\n    }\n  }\n\n  return {\n    ancestorIds: path.slice(0, -1).map((segment) => segment.id),\n    path,\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"fetchAncestorPath.js","names":["formatAdminURL","qs","MAX_HIERARCHY_DEPTH","fetchAncestorPath","api","collectionSlug","itemId","parentFieldName","serverURL","useAsTitle","queryString","stringify","depth","limit","select","where","id","equals","addQueryPrefix","url","apiRoute","path","response","fetch","credentials","ok","ancestorIds","data","json","doc","docs","toPathSegment","current","undefined","parentId","unshift","slice","map","segment","title","String"],"sources":["../../../../src/elements/Hierarchy/Modal/fetchAncestorPath.ts"],"sourcesContent":["import { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\n\nimport type { PathSegment } from '../ColumnBrowser/types.js'\n\ntype FetchAncestorPathArgs = {\n  api: string\n  collectionSlug: string\n  itemId: number | string\n  parentFieldName: string\n  serverURL: string\n  useAsTitle: string\n}\n\nexport type AncestorPathResult = {\n  ancestorIds: (number | string)[]\n  path: PathSegment[]\n}\n\nconst MAX_HIERARCHY_DEPTH = 20\n\n/**\n * Fetches the ancestor path for an item using a single API call with depth.\n * Returns the ancestor IDs used to expand the browser and a titled path for the footer.\n */\nexport async function fetchAncestorPath({\n  api,\n  collectionSlug,\n  itemId,\n  parentFieldName,\n  serverURL,\n  useAsTitle,\n}: FetchAncestorPathArgs): Promise<AncestorPathResult> {\n  const queryString = qs.stringify(\n    {\n      depth: MAX_HIERARCHY_DEPTH,\n      limit: 1,\n      select: { [parentFieldName]: true, [useAsTitle]: true },\n      where: { id: { equals: itemId } },\n    },\n    { addQueryPrefix: true },\n  )\n\n  const url = formatAdminURL({\n    apiRoute: api,\n    path: `/${collectionSlug}${queryString}`,\n    serverURL,\n  })\n\n  const response = await fetch(url, { credentials: 'include' })\n\n  if (!response.ok) {\n    return { ancestorIds: [], path: [] }\n  }\n\n  const data = await response.json()\n  const doc = data.docs?.[0]\n\n  if (!doc) {\n    return { ancestorIds: [], path: [] }\n  }\n\n  const path: PathSegment[] = [toPathSegment({ id: itemId, doc, useAsTitle })]\n  let current = doc[parentFieldName] as null | number | Record<string, unknown> | string\n\n  while (current !== null && current !== undefined) {\n    const parentId = typeof current === 'object' ? current.id : current\n\n    if (parentId !== null && parentId !== undefined) {\n      path.unshift(\n        toPathSegment({\n          id: parentId as number | string,\n          doc: typeof current === 'object' ? current : undefined,\n          useAsTitle,\n        }),\n      )\n    }\n\n    current =\n      typeof current === 'object'\n        ? (current[parentFieldName] as null | number | Record<string, unknown> | string)\n        : null\n  }\n\n  return {\n    ancestorIds: path.slice(0, -1).map((segment) => segment.id),\n    path,\n  }\n}\n\nfunction toPathSegment({\n  id,\n  doc,\n  useAsTitle,\n}: {\n  doc?: Record<string, unknown>\n  id: number | string\n  useAsTitle: string\n}): PathSegment {\n  const title = doc?.[useAsTitle]\n\n  return {\n    id,\n    title: typeof title === 'number' || typeof title === 'string' ? String(title) : String(id),\n  }\n}\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ;AAC/B,YAAYC,EAAA,MAAQ;AAkBpB,MAAMC,mBAAA,GAAsB;AAE5B;;;;AAIA,OAAO,eAAeC,kBAAkB;EACtCC,GAAG;EACHC,cAAc;EACdC,MAAM;EACNC,eAAe;EACfC,SAAS;EACTC;AAAU,CACY;EACtB,MAAMC,WAAA,GAAcT,EAAA,CAAGU,SAAS,CAC9B;IACEC,KAAA,EAAOV,mBAAA;IACPW,KAAA,EAAO;IACPC,MAAA,EAAQ;MAAE,CAACP,eAAA,GAAkB;MAAM,CAACE,UAAA,GAAa;IAAK;IACtDM,KAAA,EAAO;MAAEC,EAAA,EAAI;QAAEC,MAAA,EAAQX;MAAO;IAAE;EAClC,GACA;IAAEY,cAAA,EAAgB;EAAK;EAGzB,MAAMC,GAAA,GAAMnB,cAAA,CAAe;IACzBoB,QAAA,EAAUhB,GAAA;IACViB,IAAA,EAAM,IAAIhB,cAAA,GAAiBK,WAAA,EAAa;IACxCF;EACF;EAEA,MAAMc,QAAA,GAAW,MAAMC,KAAA,CAAMJ,GAAA,EAAK;IAAEK,WAAA,EAAa;EAAU;EAE3D,IAAI,CAACF,QAAA,CAASG,EAAE,EAAE;IAChB,OAAO;MAAEC,WAAA,EAAa,EAAE;MAAEL,IAAA,EAAM;IAAG;EACrC;EAEA,MAAMM,IAAA,GAAO,MAAML,QAAA,CAASM,IAAI;EAChC,MAAMC,GAAA,GAAMF,IAAA,CAAKG,IAAI,GAAG,EAAE;EAE1B,IAAI,CAACD,GAAA,EAAK;IACR,OAAO;MAAEH,WAAA,EAAa,EAAE;MAAEL,IAAA,EAAM;IAAG;EACrC;EAEA,MAAMA,IAAA,GAAsB,CAACU,aAAA,CAAc;IAAEf,EAAA,EAAIV,MAAA;IAAQuB,GAAA;IAAKpB;EAAW,GAAG;EAC5E,IAAIuB,OAAA,GAAUH,GAAG,CAACtB,eAAA,CAAgB;EAElC,OAAOyB,OAAA,KAAY,QAAQA,OAAA,KAAYC,SAAA,EAAW;IAChD,MAAMC,QAAA,GAAW,OAAOF,OAAA,KAAY,WAAWA,OAAA,CAAQhB,EAAE,GAAGgB,OAAA;IAE5D,IAAIE,QAAA,KAAa,QAAQA,QAAA,KAAaD,SAAA,EAAW;MAC/CZ,IAAA,CAAKc,OAAO,CACVJ,aAAA,CAAc;QACZf,EAAA,EAAIkB,QAAA;QACJL,GAAA,EAAK,OAAOG,OAAA,KAAY,WAAWA,OAAA,GAAUC,SAAA;QAC7CxB;MACF;IAEJ;IAEAuB,OAAA,GACE,OAAOA,OAAA,KAAY,WACdA,OAAO,CAACzB,eAAA,CAAgB,GACzB;EACR;EAEA,OAAO;IACLmB,WAAA,EAAaL,IAAA,CAAKe,KAAK,CAAC,GAAG,CAAC,GAAGC,GAAG,CAAEC,OAAA,IAAYA,OAAA,CAAQtB,EAAE;IAC1DK;EACF;AACF;AAEA,SAASU,cAAc;EACrBf,EAAE;EACFa,GAAG;EACHpB;AAAU,CAKX;EACC,MAAM8B,KAAA,GAAQV,GAAA,GAAMpB,UAAA,CAAW;EAE/B,OAAO;IACLO,EAAA;IACAuB,KAAA,EAAO,OAAOA,KAAA,KAAU,YAAY,OAAOA,KAAA,KAAU,WAAWC,MAAA,CAAOD,KAAA,IAASC,MAAA,CAAOxB,EAAA;EACzF;AACF","ignoreList":[]}