@payloadcms/ui 4.0.0-internal.add4c47 → 4.0.0-internal.af6aad0

package/dist/views/HierarchyList/DocumentListSelection/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, { Fragment } from 'react';
+import React, { Fragment, useMemo } from 'react';
 import { DeleteMany } from '../../../elements/DeleteMany/index.js';
 import { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js';
 import { EditMany } from '../../../elements/EditMany/index.js';
@@ -65,17 +65,16 @@ const SingleHierarchyEdit = t0 => {
   }
   return t3;
 };
-export const DocumentListSelection = t0 => {
-  const $ = _c(16);
-  const {
-    disableBulkDelete,
-    disableBulkEdit,
-    hierarchyIcon,
-    hierarchySlug
-  } = t0;
+export const DocumentListSelection = ({
+  disableBulkDelete,
+  disableBulkEdit,
+  hierarchyIcon,
+  hierarchySlug
+}) => {
   const {
     clearAll,
     getSelectionsForActions,
+    getSelectionsWithMetadata,
     getTotalCount
   } = useDocumentSelection();
   const {
@@ -91,106 +90,102 @@ export const DocumentListSelection = t0 => {
   const {
     t
   } = useTranslation();
-  let t1;
-  let t2;
-  if ($[0] !== clearAll || $[1] !== clearRouteCache || $[2] !== config || $[3] !== disableBulkDelete || $[4] !== disableBulkEdit || $[5] !== getSelectionsForActions || $[6] !== getTotalCount || $[7] !== hierarchyIcon || $[8] !== hierarchySlug || $[9] !== parent?.id || $[10] !== refreshTree || $[11] !== t) {
-    t2 = Symbol.for("react.early_return_sentinel");
-    bb0: {
-      const count = getTotalCount();
-      const groupedSelections = getSelectionsForActions();
-      const collectionSlugs = Object.keys(groupedSelections);
-      const singleCollectionSelected = collectionSlugs.length === 1;
-      const singleCollectionSlug = singleCollectionSelected ? collectionSlugs[0] : null;
-      const collectionConfig = singleCollectionSlug ? config.collections.find(collection => collection.slug === singleCollectionSlug) : null;
-      const ids = singleCollectionSelected ? groupedSelections[singleCollectionSlug]?.ids || [] : [];
-      const singleHierarchySelected = hierarchySlug && singleCollectionSlug === hierarchySlug && ids.length === 1 ? ids[0] : null;
-      if (count === 0) {
-        t2 = null;
-        break bb0;
-      }
-      const handleActionSuccess = () => {
-        clearRouteCache();
-        if (hierarchySlug) {
-          refreshTree(hierarchySlug);
+  const count = getTotalCount();
+  const groupedSelections = getSelectionsForActions();
+  const collectionSlugs = Object.keys(groupedSelections);
+  const singleCollectionSelected = collectionSlugs.length === 1;
+  const singleCollectionSlug = singleCollectionSelected ? collectionSlugs[0] : null;
+  const collectionConfig = singleCollectionSlug ? config.collections.find(collection => collection.slug === singleCollectionSlug) : null;
+  const ids = singleCollectionSelected ? groupedSelections[singleCollectionSlug]?.ids || [] : [];
+  // Compute required collections from selection metadata
+  // For related items: add their collection slug
+  // For folders: add their allowedCollections values
+  const requiredCollections = useMemo(() => {
+    const selectionsWithMeta = getSelectionsWithMetadata();
+    const required = new Set();
+    for (const [collectionSlug, {
+      selections: items
+    }] of Object.entries(selectionsWithMeta)) {
+      if (collectionSlug === hierarchySlug) {
+        // For folders, add their allowedCollections to required set
+        for (const {
+          metadata
+        } of items) {
+          if (metadata.allowedCollections) {
+            for (const slug of metadata.allowedCollections) {
+              required.add(slug);
+            }
+          }
         }
-        clearAll();
-      };
-      let t3;
-      if ($[14] !== clearAll) {
-        t3 = () => clearAll();
-        $[14] = clearAll;
-        $[15] = t3;
       } else {
-        t3 = $[15];
+        // For related items, add their collection slug
+        required.add(collectionSlug);
       }
-      t1 = _jsx(ListSelection_v4, {
-        count,
-        ListActions: [_jsx(ListSelectionButton, {
-          onClick: t3,
-          children: t("general:clearAll")
-        }, "clear-all")],
-        SelectionActions: [singleHierarchySelected && hierarchySlug && _jsx(SingleHierarchyEdit, {
-          collectionSlug: hierarchySlug,
-          id: singleHierarchySelected,
-          onSuccess: handleActionSuccess
-        }, "single-edit"), !disableBulkEdit && !singleHierarchySelected && singleCollectionSelected && collectionConfig && ids.length > 0 && _jsxs(Fragment, {
-          children: [_jsx(EditMany, {
-            collection: collectionConfig,
-            count: ids.length,
-            ids,
-            modalPrefix: "hierarchy-list",
-            onSuccess: handleActionSuccess,
-            selectAll: false
-          }), _jsx(PublishMany, {
-            collection: collectionConfig,
-            count: ids.length,
-            ids,
-            modalPrefix: "hierarchy-list",
-            onSuccess: handleActionSuccess,
-            selectAll: false
-          }), _jsx(UnpublishMany, {
-            collection: collectionConfig,
-            count: ids.length,
-            ids,
-            modalPrefix: "hierarchy-list",
-            onSuccess: handleActionSuccess,
-            selectAll: false
-          })]
-        }, "bulk-actions"), !disableBulkDelete && _jsx(DeleteMany, {
-          afterDelete: handleActionSuccess,
-          modalPrefix: "hierarchy-list",
-          selections: groupedSelections
-        }, "bulk-delete"), hierarchySlug && _jsx(MoveMany, {
-          currentParentID: parent?.id || null,
-          hierarchySlug,
-          Icon: hierarchyIcon,
-          modalPrefix: "hierarchy-list",
-          onSuccess: handleActionSuccess,
-          selections: groupedSelections
-        }, "bulk-move")].filter(Boolean)
-      });
     }
-    $[0] = clearAll;
-    $[1] = clearRouteCache;
-    $[2] = config;
-    $[3] = disableBulkDelete;
-    $[4] = disableBulkEdit;
-    $[5] = getSelectionsForActions;
-    $[6] = getTotalCount;
-    $[7] = hierarchyIcon;
-    $[8] = hierarchySlug;
-    $[9] = parent?.id;
-    $[10] = refreshTree;
-    $[11] = t;
-    $[12] = t1;
-    $[13] = t2;
-  } else {
-    t1 = $[12];
-    t2 = $[13];
-  }
-  if (t2 !== Symbol.for("react.early_return_sentinel")) {
-    return t2;
+    return required.size > 0 ? Array.from(required) : undefined;
+  }, [getSelectionsWithMetadata, hierarchySlug]);
+  // Check if single hierarchy item is selected (for direct edit)
+  // Only available when hierarchySlug is provided
+  const singleHierarchySelected = hierarchySlug && singleCollectionSlug === hierarchySlug && ids.length === 1 ? ids[0] : null;
+  if (count === 0) {
+    return null;
   }
-  return t1;
+  const handleActionSuccess = () => {
+    clearRouteCache();
+    if (hierarchySlug) {
+      refreshTree(hierarchySlug);
+    }
+    clearAll();
+  };
+  return /*#__PURE__*/_jsx(ListSelection_v4, {
+    count: count,
+    ListActions: [/*#__PURE__*/_jsx(ListSelectionButton, {
+      onClick: () => clearAll(),
+      children: t('general:clearAll')
+    }, "clear-all")],
+    SelectionActions: [
+    // Single hierarchy item selected - show direct edit button
+    singleHierarchySelected && hierarchySlug && /*#__PURE__*/_jsx(SingleHierarchyEdit, {
+      collectionSlug: hierarchySlug,
+      id: singleHierarchySelected,
+      onSuccess: handleActionSuccess
+    }, "single-edit"),
+    // Multiple items or non-hierarchy items - show bulk actions
+    !disableBulkEdit && !singleHierarchySelected && singleCollectionSelected && collectionConfig && ids.length > 0 && /*#__PURE__*/_jsxs(Fragment, {
+      children: [/*#__PURE__*/_jsx(EditMany, {
+        collection: collectionConfig,
+        count: ids.length,
+        ids: ids,
+        modalPrefix: "hierarchy-list",
+        onSuccess: handleActionSuccess,
+        selectAll: false
+      }), /*#__PURE__*/_jsx(PublishMany, {
+        collection: collectionConfig,
+        count: ids.length,
+        ids: ids,
+        modalPrefix: "hierarchy-list",
+        onSuccess: handleActionSuccess,
+        selectAll: false
+      }), /*#__PURE__*/_jsx(UnpublishMany, {
+        collection: collectionConfig,
+        count: ids.length,
+        ids: ids,
+        modalPrefix: "hierarchy-list",
+        onSuccess: handleActionSuccess,
+        selectAll: false
+      })]
+    }, "bulk-actions"), !disableBulkDelete && /*#__PURE__*/_jsx(DeleteMany, {
+      afterDelete: handleActionSuccess,
+      modalPrefix: "hierarchy-list",
+      selections: groupedSelections
+    }, "bulk-delete"), hierarchySlug && /*#__PURE__*/_jsx(MoveMany, {
+      currentParentID: parent?.id || null,
+      hierarchySlug: hierarchySlug,
+      Icon: hierarchyIcon,
+      onSuccess: handleActionSuccess,
+      requiredCollections: requiredCollections,
+      selections: groupedSelections
+    }, "bulk-move")].filter(Boolean)
+  });
 };
 //# sourceMappingURL=index.js.map

package/dist/views/HierarchyList/DocumentListSelection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Fragment","DeleteMany","useDocumentDrawer","EditMany","MoveMany","ListSelection_v4","ListSelectionButton","PublishMany","UnpublishMany","useConfig","useDocumentSelection","useHierarchy","useRouteCache","useTranslation","SingleHierarchyEdit","t0","$","id","collectionSlug","onSuccess","t","t1","DocumentDrawer","t2","openDrawer","t3","_jsxs","children","_jsx","onClick","onSave","DocumentListSelection","disableBulkDelete","disableBulkEdit","hierarchyIcon","hierarchySlug","clearAll","getSelectionsForActions","getTotalCount","parent","refreshTree","clearRouteCache","config","Symbol","for","bb0","count","groupedSelections","collectionSlugs","Object","keys","singleCollectionSelected","length","singleCollectionSlug","collectionConfig","collections","find","collection","slug","ids","singleHierarchySelected","handleActionSuccess","ListActions","SelectionActions","modalPrefix","selectAll","afterDelete","selections","currentParentID","Icon","filter","Boolean"],"sources":["../../../../src/views/HierarchyList/DocumentListSelection/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { Fragment } from 'react'\n\nimport { DeleteMany } from '../../../elements/DeleteMany/index.js'\nimport { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js'\nimport { EditMany } from '../../../elements/EditMany/index.js'\nimport { MoveMany } from '../../../elements/Hierarchy/MoveMany/index.js'\nimport { ListSelection_v4, ListSelectionButton } from '../../../elements/ListSelection/index.js'\nimport { PublishMany } from '../../../elements/PublishMany/index.js'\nimport { UnpublishMany } from '../../../elements/UnpublishMany/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentSelection } from '../../../providers/DocumentSelection/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport type DocumentListSelectionProps = {\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  /** Icon to display in the move drawer */\n  hierarchyIcon?: React.ReactNode\n  hierarchySlug?: string\n}\n\n/**\n * Separate component for single hierarchy item edit\n * Isolates useDocumentDrawer hook so it only runs when actually needed\n */\nconst SingleHierarchyEdit: React.FC<{\n  collectionSlug: string\n  id: number | string\n  onSuccess: () => void\n}> = ({ id, collectionSlug, onSuccess }) => {\n  const { t } = useTranslation()\n  const [DocumentDrawer, , { openDrawer }] = useDocumentDrawer({\n    id,\n    collectionSlug,\n  })\n\n  return (\n    <Fragment>\n      <ListSelectionButton onClick={openDrawer}>{t('general:edit')}</ListSelectionButton>\n      <DocumentDrawer onSave={onSuccess} />\n    </Fragment>\n  )\n}\n\nexport const DocumentListSelection: React.FC<DocumentListSelectionProps> = ({\n  disableBulkDelete,\n  disableBulkEdit,\n  hierarchyIcon,\n  hierarchySlug,\n}) => {\n  const { clearAll, getSelectionsForActions, getTotalCount } = useDocumentSelection()\n  const { parent, refreshTree } = useHierarchy()\n  const { clearRouteCache } = useRouteCache()\n  const { config } = useConfig()\n  const { t } = useTranslation()\n\n  const count = getTotalCount()\n  const groupedSelections = getSelectionsForActions()\n\n  const collectionSlugs = Object.keys(groupedSelections)\n  const singleCollectionSelected = collectionSlugs.length === 1\n  const singleCollectionSlug = singleCollectionSelected ? collectionSlugs[0] : null\n\n  const collectionConfig = singleCollectionSlug\n    ? config.collections.find((collection) => collection.slug === singleCollectionSlug)\n    : null\n\n  const ids = singleCollectionSelected ? groupedSelections[singleCollectionSlug]?.ids || [] : []\n\n  // Check if single hierarchy item is selected (for direct edit)\n  // Only available when hierarchySlug is provided\n  const singleHierarchySelected =\n    hierarchySlug && singleCollectionSlug === hierarchySlug && ids.length === 1 ? ids[0] : null\n\n  if (count === 0) {\n    return null\n  }\n\n  const handleActionSuccess = () => {\n    clearRouteCache()\n    if (hierarchySlug) {\n      refreshTree(hierarchySlug)\n    }\n    clearAll()\n  }\n\n  return (\n    <ListSelection_v4\n      count={count}\n      ListActions={[\n        <ListSelectionButton key=\"clear-all\" onClick={() => clearAll()}>\n          {t('general:clearAll')}\n        </ListSelectionButton>,\n      ]}\n      SelectionActions={[\n        // Single hierarchy item selected - show direct edit button\n        singleHierarchySelected && hierarchySlug && (\n          <SingleHierarchyEdit\n            collectionSlug={hierarchySlug}\n            id={singleHierarchySelected}\n            key=\"single-edit\"\n            onSuccess={handleActionSuccess}\n          />\n        ),\n        // Multiple items or non-hierarchy items - show bulk actions\n        !disableBulkEdit &&\n          !singleHierarchySelected &&\n          singleCollectionSelected &&\n          collectionConfig &&\n          ids.length > 0 && (\n            <Fragment key=\"bulk-actions\">\n              <EditMany\n                collection={collectionConfig}\n                count={ids.length}\n                ids={ids}\n                modalPrefix=\"hierarchy-list\"\n                onSuccess={handleActionSuccess}\n                selectAll={false}\n              />\n              <PublishMany\n                collection={collectionConfig}\n                count={ids.length}\n                ids={ids}\n                modalPrefix=\"hierarchy-list\"\n                onSuccess={handleActionSuccess}\n                selectAll={false}\n              />\n              <UnpublishMany\n                collection={collectionConfig}\n                count={ids.length}\n                ids={ids}\n                modalPrefix=\"hierarchy-list\"\n                onSuccess={handleActionSuccess}\n                selectAll={false}\n              />\n            </Fragment>\n          ),\n        !disableBulkDelete && (\n          <DeleteMany\n            afterDelete={handleActionSuccess}\n            key=\"bulk-delete\"\n            modalPrefix=\"hierarchy-list\"\n            selections={groupedSelections}\n          />\n        ),\n        hierarchySlug && (\n          <MoveMany\n            currentParentID={parent?.id || null}\n            hierarchySlug={hierarchySlug}\n            Icon={hierarchyIcon}\n            key=\"bulk-move\"\n            modalPrefix=\"hierarchy-list\"\n            onSuccess={handleActionSuccess}\n            selections={groupedSelections}\n          />\n        ),\n      ].filter(Boolean)}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useMemo","DeleteMany","useDocumentDrawer","EditMany","MoveMany","ListSelection_v4","ListSelectionButton","PublishMany","UnpublishMany","useConfig","useDocumentSelection","useHierarchy","useRouteCache","useTranslation","SingleHierarchyEdit","t0","$","id","collectionSlug","onSuccess","t","t1","DocumentDrawer","t2","openDrawer","t3","_jsxs","children","_jsx","onClick","onSave","DocumentListSelection","disableBulkDelete","disableBulkEdit","hierarchyIcon","hierarchySlug","clearAll","getSelectionsForActions","getSelectionsWithMetadata","getTotalCount","parent","refreshTree","clearRouteCache","config","count","groupedSelections","collectionSlugs","Object","keys","singleCollectionSelected","length","singleCollectionSlug","collectionConfig","collections","find","collection","slug","ids","requiredCollections","selectionsWithMeta","required","Set","selections","items","entries","metadata","allowedCollections","add","size","Array","from","undefined","singleHierarchySelected","handleActionSuccess","ListActions","SelectionActions","modalPrefix","selectAll","afterDelete","currentParentID","Icon","filter","Boolean"],"sources":["../../../../src/views/HierarchyList/DocumentListSelection/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { Fragment, useMemo } from 'react'\n\nimport { DeleteMany } from '../../../elements/DeleteMany/index.js'\nimport { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js'\nimport { EditMany } from '../../../elements/EditMany/index.js'\nimport { MoveMany } from '../../../elements/Hierarchy/MoveMany/index.js'\nimport { ListSelection_v4, ListSelectionButton } from '../../../elements/ListSelection/index.js'\nimport { PublishMany } from '../../../elements/PublishMany/index.js'\nimport { UnpublishMany } from '../../../elements/UnpublishMany/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentSelection } from '../../../providers/DocumentSelection/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport type DocumentListSelectionProps = {\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  /** Icon to display in the move drawer */\n  hierarchyIcon?: React.ReactNode\n  hierarchySlug?: string\n}\n\n/**\n * Separate component for single hierarchy item edit\n * Isolates useDocumentDrawer hook so it only runs when actually needed\n */\nconst SingleHierarchyEdit: React.FC<{\n  collectionSlug: string\n  id: number | string\n  onSuccess: () => void\n}> = ({ id, collectionSlug, onSuccess }) => {\n  const { t } = useTranslation()\n  const [DocumentDrawer, , { openDrawer }] = useDocumentDrawer({\n    id,\n    collectionSlug,\n  })\n\n  return (\n    <Fragment>\n      <ListSelectionButton onClick={openDrawer}>{t('general:edit')}</ListSelectionButton>\n      <DocumentDrawer onSave={onSuccess} />\n    </Fragment>\n  )\n}\n\nexport const DocumentListSelection: React.FC<DocumentListSelectionProps> = ({\n  disableBulkDelete,\n  disableBulkEdit,\n  hierarchyIcon,\n  hierarchySlug,\n}) => {\n  const { clearAll, getSelectionsForActions, getSelectionsWithMetadata, getTotalCount } =\n    useDocumentSelection()\n  const { parent, refreshTree } = useHierarchy()\n  const { clearRouteCache } = useRouteCache()\n  const { config } = useConfig()\n  const { t } = useTranslation()\n\n  const count = getTotalCount()\n  const groupedSelections = getSelectionsForActions()\n\n  const collectionSlugs = Object.keys(groupedSelections)\n  const singleCollectionSelected = collectionSlugs.length === 1\n  const singleCollectionSlug = singleCollectionSelected ? collectionSlugs[0] : null\n\n  const collectionConfig = singleCollectionSlug\n    ? config.collections.find((collection) => collection.slug === singleCollectionSlug)\n    : null\n\n  const ids = singleCollectionSelected ? groupedSelections[singleCollectionSlug]?.ids || [] : []\n\n  // Compute required collections from selection metadata\n  // For related items: add their collection slug\n  // For folders: add their allowedCollections values\n  const requiredCollections = useMemo(() => {\n    const selectionsWithMeta = getSelectionsWithMetadata()\n    const required = new Set<string>()\n\n    for (const [collectionSlug, { selections: items }] of Object.entries(selectionsWithMeta)) {\n      if (collectionSlug === hierarchySlug) {\n        // For folders, add their allowedCollections to required set\n        for (const { metadata } of items) {\n          if (metadata.allowedCollections) {\n            for (const slug of metadata.allowedCollections) {\n              required.add(slug)\n            }\n          }\n        }\n      } else {\n        // For related items, add their collection slug\n        required.add(collectionSlug)\n      }\n    }\n\n    return required.size > 0 ? Array.from(required) : undefined\n  }, [getSelectionsWithMetadata, hierarchySlug])\n\n  // Check if single hierarchy item is selected (for direct edit)\n  // Only available when hierarchySlug is provided\n  const singleHierarchySelected =\n    hierarchySlug && singleCollectionSlug === hierarchySlug && ids.length === 1 ? ids[0] : null\n\n  if (count === 0) {\n    return null\n  }\n\n  const handleActionSuccess = () => {\n    clearRouteCache()\n    if (hierarchySlug) {\n      refreshTree(hierarchySlug)\n    }\n    clearAll()\n  }\n\n  return (\n    <ListSelection_v4\n      count={count}\n      ListActions={[\n        <ListSelectionButton key=\"clear-all\" onClick={() => clearAll()}>\n          {t('general:clearAll')}\n        </ListSelectionButton>,\n      ]}\n      SelectionActions={[\n        // Single hierarchy item selected - show direct edit button\n        singleHierarchySelected && hierarchySlug && (\n          <SingleHierarchyEdit\n            collectionSlug={hierarchySlug}\n            id={singleHierarchySelected}\n            key=\"single-edit\"\n            onSuccess={handleActionSuccess}\n          />\n        ),\n        // Multiple items or non-hierarchy items - show bulk actions\n        !disableBulkEdit &&\n          !singleHierarchySelected &&\n          singleCollectionSelected &&\n          collectionConfig &&\n          ids.length > 0 && (\n            <Fragment key=\"bulk-actions\">\n              <EditMany\n                collection={collectionConfig}\n                count={ids.length}\n                ids={ids}\n                modalPrefix=\"hierarchy-list\"\n                onSuccess={handleActionSuccess}\n                selectAll={false}\n              />\n              <PublishMany\n                collection={collectionConfig}\n                count={ids.length}\n                ids={ids}\n                modalPrefix=\"hierarchy-list\"\n                onSuccess={handleActionSuccess}\n                selectAll={false}\n              />\n              <UnpublishMany\n                collection={collectionConfig}\n                count={ids.length}\n                ids={ids}\n                modalPrefix=\"hierarchy-list\"\n                onSuccess={handleActionSuccess}\n                selectAll={false}\n              />\n            </Fragment>\n          ),\n        !disableBulkDelete && (\n          <DeleteMany\n            afterDelete={handleActionSuccess}\n            key=\"bulk-delete\"\n            modalPrefix=\"hierarchy-list\"\n            selections={groupedSelections}\n          />\n        ),\n        hierarchySlug && (\n          <MoveMany\n            currentParentID={parent?.id || null}\n            hierarchySlug={hierarchySlug}\n            Icon={hierarchyIcon}\n            key=\"bulk-move\"\n            onSuccess={handleActionSuccess}\n            requiredCollections={requiredCollections}\n            selections={groupedSelections}\n          />\n        ),\n      ].filter(Boolean)}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/HierarchyList/HierarchyCards/DocumentCard/index.css

@@ -0,0 +1,216 @@
+@layer payload-default {
+  /*
+   * Every state ring is a spread-only box-shadow rather than a border, so the selected state can
+   * double the stroke width without taking layout space - a widening border would grow the card's
+   * auto height and shift the whole grid row below it. The ring is drawn outside the card box, so
+   * it also never crops the thumbnail it surrounds.
+   */
+  .hierarchy-document-card {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    background: var(--color-bg);
+    border-radius: var(--radius-large);
+    overflow: hidden;
+    box-shadow: 0 0 0 var(--stroke-width-small) var(--color-border);
+  }
+
+  /*
+   * :not(--selected) so the hover ring cannot win over the accent ring on a selected card - both
+   * rules live in the same layer and file, and the hover selector would otherwise have the higher
+   * specificity.
+   */
+  .hierarchy-document-card:not(.hierarchy-document-card--selected):hover {
+    box-shadow: 0 0 0 var(--stroke-width-small) var(--special-border-translucent-strong);
+  }
+
+  .hierarchy-document-card--selected {
+    box-shadow: 0 0 0 var(--stroke-width-medium) var(--color-border-selected);
+  }
+
+  /* Thumbnail */
+
+  .hierarchy-document-card__thumbnail-wrap {
+    position: relative;
+    width: 100%;
+    aspect-ratio: 4 / 3;
+    overflow: hidden;
+    background: var(--color-bg-secondary);
+  }
+
+  .hierarchy-document-card__thumbnail {
+    width: 100%;
+    height: 100%;
+  }
+
+  /* Type badge, overlaid on the thumbnail */
+
+  .hierarchy-document-card__type {
+    position: absolute;
+    inset-block-start: var(--spacer-2-5);
+    inset-inline-start: var(--spacer-2-5);
+    display: inline-flex;
+    align-items: center;
+    /* Leaves room for the lock indicator in the opposite corner */
+    max-width: calc(100% - var(--spacer-6));
+    padding-inline: var(--spacer-1);
+    padding-block: var(--spacer-0);
+    border-radius: var(--radius-medium);
+    background: var(--color-bg);
+    color: black;
+    border: var(--stroke-width-small) solid var(--color-border);
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    letter-spacing: var(--text-body-medium-letter-spacing);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  /* Content */
+
+  .hierarchy-document-card__content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-1);
+    padding-inline: var(--spacer-3);
+    padding-block-start: var(--spacer-2-5);
+    padding-block-end: var(--spacer-3);
+    min-width: 0;
+    border-block-start: var(--stroke-width-small) solid var(--color-border);
+  }
+
+  .hierarchy-document-card__link {
+    display: block;
+    min-width: 0;
+    color: inherit;
+    text-decoration: none;
+  }
+
+  /* Stretches the title link across the card so the whole surface navigates */
+  .hierarchy-document-card__link::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+  }
+
+  /*
+   * The stretched overlay above is intentionally hit-testable, but left alone it also swallows
+   * hover on the title - suppressing the truncated-title tooltip, because a native `title`
+   * tooltip only resolves against ancestors of the hit element and the attribute sits on this
+   * span. Lifting just the title restores it; the title still navigates because it lives inside
+   * the anchor. The metadata rows are deliberately NOT lifted, so the whole card stays navigable.
+   */
+  .hierarchy-document-card__title {
+    position: relative;
+    z-index: 2;
+  }
+
+  /*
+   * Custom property rows may contain their own controls, so they alone are lifted above the
+   * overlay. Clicks here will not navigate.
+   */
+  .hierarchy-document-card__extra {
+    position: relative;
+    z-index: 2;
+  }
+
+  .hierarchy-document-card__title {
+    display: block;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    color: var(--color-text);
+    font-family: var(--text-body-medium-strong-font-family);
+    font-size: var(--text-body-medium-strong-font-size);
+    font-weight: var(--text-body-medium-strong-font-weight);
+    line-height: var(--text-body-medium-strong-line-height);
+    letter-spacing: var(--text-body-medium-strong-letter-spacing);
+  }
+
+  /* Properties */
+
+  .hierarchy-document-card__properties {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-1);
+  }
+
+  .hierarchy-document-card__property {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-0-5, 2px);
+    min-width: 0;
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    letter-spacing: var(--text-body-medium-letter-spacing);
+    color: var(--color-text-secondary);
+  }
+
+  .hierarchy-document-card__property-label {
+    color: var(--color-text-secondary);
+    white-space: nowrap;
+  }
+
+  .hierarchy-document-card__property-value {
+    min-width: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    color: var(--color-text-secondary);
+  }
+
+  /* Status pill - mirrors the token pairs used by the table status cell */
+
+  .hierarchy-document-card__status {
+    display: inline-flex;
+    /* The pill is a direct child of the stretch-aligned properties column, so it shrink-wraps here */
+    align-self: flex-start;
+    align-items: center;
+    justify-content: center;
+    padding-inline: var(--spacer-1);
+    padding-block: var(--spacer-0);
+    border-radius: var(--radius-medium);
+    white-space: nowrap;
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    letter-spacing: var(--text-body-medium-letter-spacing);
+  }
+
+  .hierarchy-document-card__status--published {
+    background: var(--color-bg-selected);
+    color: var(--color-text-brand);
+  }
+
+  .hierarchy-document-card__status--draft {
+    background: var(--color-bg-tertiary);
+    color: var(--color-text);
+  }
+
+  .hierarchy-document-card__status--changed {
+    background: var(--color-bg-warning-tertiary);
+    color: var(--color-text-warning);
+  }
+
+  .hierarchy-document-card__status--previously-published {
+    background: var(--color-bg-tertiary);
+    color: var(--color-text);
+  }
+
+  /* Lock indicator */
+
+  .hierarchy-document-card__corner-slot {
+    position: absolute;
+    inset-block-start: var(--spacer-2);
+    inset-inline-end: var(--spacer-2);
+    /* Above both the stretched link and the raised text, so selecting never navigates */
+    z-index: 3;
+  }
+}

package/dist/views/HierarchyList/HierarchyCards/DocumentCard/index.d.ts

@@ -0,0 +1,20 @@
+import type { User } from 'payload';
+import React from 'react';
+import './index.css';
+export type DocumentCardProps = {
+    children?: React.ReactNode;
+    collectionSlug: string;
+    doc: Record<string, unknown>;
+    href: string;
+    isSelected?: boolean;
+    /**
+     * The user currently editing this document. When set, a lock indicator is shown and the card
+     * cannot be selected.
+     */
+    lockedUser?: User;
+    showType?: boolean;
+    typeLabel?: string;
+    updatedAt?: string;
+};
+export declare const DocumentCard: React.FC<DocumentCardProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/HierarchyList/HierarchyCards/DocumentCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/HierarchyList/HierarchyCards/DocumentCard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,KAAkB,MAAM,OAAO,CAAA;AAStC,OAAO,aAAa,CAAA;AAsBpB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,cAAc,EAAE,MAAM,CAAA;IACtB,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwHpD,CAAA"}