@payloadcms/ui 4.0.0-internal.5f0cd13 → 4.0.0-internal.656159a

package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.js

@@ -10,9 +10,9 @@ import { useTranslation } from '../../../../../providers/Translation/index.js';
 import { canUseDOM } from '../../../../../utilities/canUseDOM.js';
 import { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js';
 import { Button } from '../../../../Button/index.js';
-import { useHierarchyDrawer } from '../../../../Hierarchy/Drawer/useHierarchyDrawer.js';
+import { useHierarchyModal } from '../../../../Hierarchy/Modal/useHierarchyModal.js';
 import { useListRelationships } from '../../../RelationshipProvider/index.js';
-import './index.scss';
+import './index.css';
 const baseClass = 'hierarchy-cell';
 export const HierarchyCell = ({
   cellData: cellDataFromProps,
@@ -60,17 +60,36 @@ export const HierarchyCell = ({
     const IconComponent = hierarchyConfig?.allowHasMany === false ? FolderIcon : TagIcon;
     return /*#__PURE__*/_jsx(IconComponent, {});
   }, [hierarchyConfig, preRenderedIcon]);
-  // Full icon for drawer subheader
+  // Full icon for modal subheader
   const drawerIcon = preRenderedIcon || fallbackIcon;
   // Small icon for compact display (pill button)
   const displayIcon = preRenderedSmallIcon ?? drawerIcon;
-  // Set up the hierarchy drawer
-  const [HierarchyDrawer,, {
-    openDrawer
-  }] = useHierarchyDrawer({
+  // Set up the hierarchy modal
+  const [HierarchyModal,, {
+    openModal
+  }] = useHierarchyModal({
     hierarchyCollectionSlug: hierarchyCollectionSlug || '',
     Icon: drawerIcon
   });
+  // Lazy-mount the modal so its column browser doesn't eagerly fetch root items
+  // for every cell in the list view. Only mount once the user opens it.
+  const [hasMountedModal, setHasMountedModal] = useState(false);
+  const shouldOpenAfterMountRef = useRef(false);
+  const handleOpenModal = useCallback(() => {
+    if (hasMountedModal) {
+      openModal();
+      return;
+    }
+    shouldOpenAfterMountRef.current = true;
+    setHasMountedModal(true);
+  }, [hasMountedModal, openModal]);
+  // Open the modal once it has mounted (state update from handleOpenModal).
+  useEffect(() => {
+    if (hasMountedModal && shouldOpenAfterMountRef.current) {
+      shouldOpenAfterMountRef.current = false;
+      openModal();
+    }
+  }, [hasMountedModal, openModal]);
   // Fetch relationship data when visible
   useEffect(() => {
     // Reset tracking if data changed
@@ -97,7 +116,7 @@ export const HierarchyCell = ({
       setValues(formattedValues);
     }
   }, [cellDataFromProps, relationTo, isAboveViewport, getRelationships]);
-  // Get current selection IDs for the drawer
+  // Get current selection IDs for the modal
   const initialSelections = useMemo(() => {
     if (!cellDataFromProps) {
       return [];
@@ -110,9 +129,9 @@ export const HierarchyCell = ({
       return item;
     });
   }, [cellDataFromProps]);
-  // Handle save from drawer
+  // Handle save from modal
   const handleSave = useCallback(async ({
-    closeDrawer,
+    closeModal,
     selections
   }) => {
     // Get selected IDs
@@ -143,9 +162,9 @@ export const HierarchyCell = ({
         }
       }
     } catch (_error) {
-      // swallow error and close drawer anyway, user can try again
+      // swallow error and close modal anyway, user can try again
     }
-    closeDrawer();
+    closeModal();
   }, [collectionSlug, config, field.name, hasMany, rowData, relationTo, getRelationships]);
   // Build display labels
   const labels = useMemo(() => {
@@ -180,10 +199,10 @@ export const HierarchyCell = ({
       icon: displayIcon,
       iconPosition: "left",
       margin: false,
-      onClick: openDrawer,
+      onClick: handleOpenModal,
       size: "medium",
       children: isLoading ? `${t('general:loading')}...` : displayText
-    }), hierarchyCollectionSlug && /*#__PURE__*/_jsx(HierarchyDrawer, {
+    }), hierarchyCollectionSlug && hasMountedModal && /*#__PURE__*/_jsx(HierarchyModal, {
       hasMany: hasMany,
       initialSelections: initialSelections,
       onSave: handleSave

package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","useIntersect","FolderIcon","TagIcon","useConfig","useTranslation","canUseDOM","formatDocTitle","Button","useHierarchyDrawer","useListRelationships","baseClass","HierarchyCell","cellData","cellDataFromProps","collectionSlug","customCellProps","field","rowData","relationTo","undefined","hasMany","config","getEntityConfig","intersectionRef","entry","values","setValues","documents","getRelationships","hasRequestedRef","prevCellDataRef","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","hierarchyCollectionSlug","hierarchyCollectionConfig","hierarchyConfig","hierarchy","preRenderedIcon","hierarchyIcon","preRenderedSmallIcon","hierarchySmallIcon","fallbackIcon","IconComponent","allowHasMany","_jsx","drawerIcon","displayIcon","HierarchyDrawer","openDrawer","Icon","current","formattedValues","arrayCellData","Array","isArray","forEach","cell","push","value","initialSelections","data","map","item","handleSave","closeDrawer","selections","selectedIds","from","keys","newValue","response","fetch","serverURL","routes","api","id","body","JSON","stringify","name","credentials","headers","method","ok","newValues","length","_error","labels","rel","document","relatedCollection","collectionConfig","dateFormat","admin","fallback","displayText","join","isLoading","some","_jsxs","className","ref","buttonStyle","icon","iconPosition","margin","onClick","size","onSave"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Hierarchy/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, RelationshipFieldClient } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { SelectionWithPath } from '../../../../Hierarchy/Drawer/types.js'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { FolderIcon } from '../../../../../icons/Folder/index.js'\nimport { TagIcon } from '../../../../../icons/Tag/index.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js'\nimport { Button } from '../../../../Button/index.js'\nimport { useHierarchyDrawer } from '../../../../Hierarchy/Drawer/useHierarchyDrawer.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport './index.scss'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'hierarchy-cell'\n\nexport type HierarchyCellProps = DefaultCellComponentProps<RelationshipFieldClient>\n\nexport const HierarchyCell: React.FC<HierarchyCellProps> = ({\n  cellData: cellDataFromProps,\n  collectionSlug,\n  customCellProps,\n  field,\n  rowData,\n}) => {\n  const relationTo = 'relationTo' in field ? field.relationTo : undefined\n  const hasMany = field.hasMany ?? false\n\n  const { config, getEntityConfig } = useConfig()\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const hasRequestedRef = useRef(false)\n  const prevCellDataRef = useRef<typeof cellDataFromProps>(undefined)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  // Get the hierarchy collection config\n  const hierarchyCollectionSlug = typeof relationTo === 'string' ? relationTo : undefined\n  const hierarchyCollectionConfig = hierarchyCollectionSlug\n    ? getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n    : undefined\n\n  // Use pre-rendered icon from server if available, otherwise determine on client\n  const hierarchyConfig =\n    hierarchyCollectionConfig?.hierarchy && typeof hierarchyCollectionConfig.hierarchy === 'object'\n      ? hierarchyCollectionConfig.hierarchy\n      : undefined\n\n  // Pre-rendered icons from server (supports custom icons)\n  const preRenderedIcon = customCellProps?.hierarchyIcon as React.ReactNode | undefined\n  const preRenderedSmallIcon = customCellProps?.hierarchySmallIcon as React.ReactNode | undefined\n\n  // Fallback icon for client-side rendering\n  const fallbackIcon = useMemo(() => {\n    if (preRenderedIcon) {\n      return null // Don't need fallback if we have pre-rendered icon\n    }\n    // Default based on allowHasMany: false = folder-like, true = tag-like\n    const IconComponent = hierarchyConfig?.allowHasMany === false ? FolderIcon : TagIcon\n    return <IconComponent />\n  }, [hierarchyConfig, preRenderedIcon])\n\n  // Full icon for drawer subheader\n  const drawerIcon = preRenderedIcon || fallbackIcon\n  // Small icon for compact display (pill button)\n  const displayIcon = preRenderedSmallIcon ?? drawerIcon\n\n  // Set up the hierarchy drawer\n  const [HierarchyDrawer, , { openDrawer }] = useHierarchyDrawer({\n    hierarchyCollectionSlug: hierarchyCollectionSlug || '',\n    Icon: drawerIcon,\n  })\n\n  // Fetch relationship data when visible\n  useEffect(() => {\n    // Reset tracking if data changed\n    if (prevCellDataRef.current !== cellDataFromProps) {\n      prevCellDataRef.current = cellDataFromProps\n      hasRequestedRef.current = false\n    }\n\n    if (\n      (cellDataFromProps || typeof cellDataFromProps === 'number') &&\n      isAboveViewport &&\n      !hasRequestedRef.current &&\n      typeof relationTo === 'string'\n    ) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellDataFromProps)\n        ? cellDataFromProps\n        : [cellDataFromProps]\n\n      arrayCellData.forEach((cell) => {\n        if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n          formattedValues.push(cell)\n        }\n        if (typeof cell === 'number' || typeof cell === 'string') {\n          formattedValues.push({\n            relationTo,\n            value: cell,\n          })\n        }\n      })\n\n      getRelationships(formattedValues)\n      hasRequestedRef.current = true\n      setValues(formattedValues)\n    }\n  }, [cellDataFromProps, relationTo, isAboveViewport, getRelationships])\n\n  // Get current selection IDs for the drawer\n  const initialSelections = useMemo(() => {\n    if (!cellDataFromProps) {\n      return []\n    }\n    const data = Array.isArray(cellDataFromProps) ? cellDataFromProps : [cellDataFromProps]\n    return data.map((item) => {\n      if (typeof item === 'object' && 'value' in item) {\n        return item.value\n      }\n      return item\n    }) as (number | string)[]\n  }, [cellDataFromProps])\n\n  // Handle save from drawer\n  const handleSave = useCallback(\n    async ({\n      closeDrawer,\n      selections,\n    }: {\n      closeDrawer: () => void\n      selections: Map<number | string, SelectionWithPath>\n    }) => {\n      // Get selected IDs\n      const selectedIds = Array.from(selections.keys())\n      const newValue = hasMany ? selectedIds : (selectedIds[0] ?? null)\n\n      // Update the document via API\n      try {\n        const response = await fetch(\n          `${config.serverURL}${config.routes.api}/${collectionSlug}/${rowData.id}`,\n          {\n            body: JSON.stringify({\n              [field.name]: newValue,\n            }),\n            credentials: 'include',\n            headers: {\n              'Content-Type': 'application/json',\n            },\n            method: 'PATCH',\n          },\n        )\n\n        if (response.ok && typeof relationTo === 'string') {\n          // Update local state with new selection to avoid page reload\n          const newValues: Value[] = selectedIds.map((id) => ({\n            relationTo,\n            value: id,\n          }))\n          setValues(newValues)\n\n          // Request the new relationship docs to update the display\n          if (newValues.length > 0) {\n            getRelationships(newValues)\n          }\n        }\n      } catch (_error) {\n        // swallow error and close drawer anyway, user can try again\n      }\n\n      closeDrawer()\n    },\n    [collectionSlug, config, field.name, hasMany, rowData, relationTo, getRelationships],\n  )\n\n  // Build display labels\n  const labels = useMemo(() => {\n    return values.map(({ relationTo: rel, value }) => {\n      const document = documents[rel]?.[value]\n      const relatedCollection = getEntityConfig({ collectionSlug: rel })\n\n      return formatDocTitle({\n        collectionConfig: relatedCollection,\n        data: document || null,\n        dateFormat: config.admin.dateFormat,\n        fallback: `${t('general:untitled')} - ID: ${value}`,\n        i18n,\n      })\n    })\n  }, [values, documents, getEntityConfig, config.admin.dateFormat, t, i18n])\n\n  const displayText = labels.length > 0 ? labels.join(', ') : t('general:none')\n  const isLoading =\n    values.length > 0 &&\n    values.some(({ relationTo: rel, value }) => documents[rel]?.[value] === null)\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      <Button\n        buttonStyle=\"pill\"\n        className={`${baseClass}__pill`}\n        icon={displayIcon}\n        iconPosition=\"left\"\n        margin={false}\n        onClick={openDrawer}\n        size=\"medium\"\n      >\n        {isLoading ? `${t('general:loading')}...` : displayText}\n      </Button>\n      {hierarchyCollectionSlug && (\n        <HierarchyDrawer\n          hasMany={hasMany}\n          initialSelections={initialSelections}\n          onSave={handleSave}\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","useIntersect","FolderIcon","TagIcon","useConfig","useTranslation","canUseDOM","formatDocTitle","Button","useHierarchyModal","useListRelationships","baseClass","HierarchyCell","cellData","cellDataFromProps","collectionSlug","customCellProps","field","rowData","relationTo","undefined","hasMany","config","getEntityConfig","intersectionRef","entry","values","setValues","documents","getRelationships","hasRequestedRef","prevCellDataRef","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","hierarchyCollectionSlug","hierarchyCollectionConfig","hierarchyConfig","hierarchy","preRenderedIcon","hierarchyIcon","preRenderedSmallIcon","hierarchySmallIcon","fallbackIcon","IconComponent","allowHasMany","_jsx","drawerIcon","displayIcon","HierarchyModal","openModal","Icon","hasMountedModal","setHasMountedModal","shouldOpenAfterMountRef","handleOpenModal","current","formattedValues","arrayCellData","Array","isArray","forEach","cell","push","value","initialSelections","data","map","item","handleSave","closeModal","selections","selectedIds","from","keys","newValue","response","fetch","serverURL","routes","api","id","body","JSON","stringify","name","credentials","headers","method","ok","newValues","length","_error","labels","rel","document","relatedCollection","collectionConfig","dateFormat","admin","fallback","displayText","join","isLoading","some","_jsxs","className","ref","buttonStyle","icon","iconPosition","margin","onClick","size","onSave"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Hierarchy/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, RelationshipFieldClient } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { SelectionWithPath } from '../../../../Hierarchy/Modal/types.js'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { FolderIcon } from '../../../../../icons/Folder/index.js'\nimport { TagIcon } from '../../../../../icons/Tag/index.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js'\nimport { Button } from '../../../../Button/index.js'\nimport { useHierarchyModal } from '../../../../Hierarchy/Modal/useHierarchyModal.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport './index.css'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'hierarchy-cell'\n\nexport type HierarchyCellProps = DefaultCellComponentProps<RelationshipFieldClient>\n\nexport const HierarchyCell: React.FC<HierarchyCellProps> = ({\n  cellData: cellDataFromProps,\n  collectionSlug,\n  customCellProps,\n  field,\n  rowData,\n}) => {\n  const relationTo = 'relationTo' in field ? field.relationTo : undefined\n  const hasMany = field.hasMany ?? false\n\n  const { config, getEntityConfig } = useConfig()\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const hasRequestedRef = useRef(false)\n  const prevCellDataRef = useRef<typeof cellDataFromProps>(undefined)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  // Get the hierarchy collection config\n  const hierarchyCollectionSlug = typeof relationTo === 'string' ? relationTo : undefined\n  const hierarchyCollectionConfig = hierarchyCollectionSlug\n    ? getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n    : undefined\n\n  // Use pre-rendered icon from server if available, otherwise determine on client\n  const hierarchyConfig =\n    hierarchyCollectionConfig?.hierarchy && typeof hierarchyCollectionConfig.hierarchy === 'object'\n      ? hierarchyCollectionConfig.hierarchy\n      : undefined\n\n  // Pre-rendered icons from server (supports custom icons)\n  const preRenderedIcon = customCellProps?.hierarchyIcon as React.ReactNode | undefined\n  const preRenderedSmallIcon = customCellProps?.hierarchySmallIcon as React.ReactNode | undefined\n\n  // Fallback icon for client-side rendering\n  const fallbackIcon = useMemo(() => {\n    if (preRenderedIcon) {\n      return null // Don't need fallback if we have pre-rendered icon\n    }\n    // Default based on allowHasMany: false = folder-like, true = tag-like\n    const IconComponent = hierarchyConfig?.allowHasMany === false ? FolderIcon : TagIcon\n    return <IconComponent />\n  }, [hierarchyConfig, preRenderedIcon])\n\n  // Full icon for modal subheader\n  const drawerIcon = preRenderedIcon || fallbackIcon\n  // Small icon for compact display (pill button)\n  const displayIcon = preRenderedSmallIcon ?? drawerIcon\n\n  // Set up the hierarchy modal\n  const [HierarchyModal, , { openModal }] = useHierarchyModal({\n    hierarchyCollectionSlug: hierarchyCollectionSlug || '',\n    Icon: drawerIcon,\n  })\n\n  // Lazy-mount the modal so its column browser doesn't eagerly fetch root items\n  // for every cell in the list view. Only mount once the user opens it.\n  const [hasMountedModal, setHasMountedModal] = useState(false)\n  const shouldOpenAfterMountRef = useRef(false)\n\n  const handleOpenModal = useCallback(() => {\n    if (hasMountedModal) {\n      openModal()\n      return\n    }\n    shouldOpenAfterMountRef.current = true\n    setHasMountedModal(true)\n  }, [hasMountedModal, openModal])\n\n  // Open the modal once it has mounted (state update from handleOpenModal).\n  useEffect(() => {\n    if (hasMountedModal && shouldOpenAfterMountRef.current) {\n      shouldOpenAfterMountRef.current = false\n      openModal()\n    }\n  }, [hasMountedModal, openModal])\n\n  // Fetch relationship data when visible\n  useEffect(() => {\n    // Reset tracking if data changed\n    if (prevCellDataRef.current !== cellDataFromProps) {\n      prevCellDataRef.current = cellDataFromProps\n      hasRequestedRef.current = false\n    }\n\n    if (\n      (cellDataFromProps || typeof cellDataFromProps === 'number') &&\n      isAboveViewport &&\n      !hasRequestedRef.current &&\n      typeof relationTo === 'string'\n    ) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellDataFromProps)\n        ? cellDataFromProps\n        : [cellDataFromProps]\n\n      arrayCellData.forEach((cell) => {\n        if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n          formattedValues.push(cell)\n        }\n        if (typeof cell === 'number' || typeof cell === 'string') {\n          formattedValues.push({\n            relationTo,\n            value: cell,\n          })\n        }\n      })\n\n      getRelationships(formattedValues)\n      hasRequestedRef.current = true\n      setValues(formattedValues)\n    }\n  }, [cellDataFromProps, relationTo, isAboveViewport, getRelationships])\n\n  // Get current selection IDs for the modal\n  const initialSelections = useMemo(() => {\n    if (!cellDataFromProps) {\n      return []\n    }\n    const data = Array.isArray(cellDataFromProps) ? cellDataFromProps : [cellDataFromProps]\n    return data.map((item) => {\n      if (typeof item === 'object' && 'value' in item) {\n        return item.value\n      }\n      return item\n    }) as (number | string)[]\n  }, [cellDataFromProps])\n\n  // Handle save from modal\n  const handleSave = useCallback(\n    async ({\n      closeModal,\n      selections,\n    }: {\n      closeModal: () => void\n      selections: Map<number | string, SelectionWithPath>\n    }) => {\n      // Get selected IDs\n      const selectedIds = Array.from(selections.keys())\n      const newValue = hasMany ? selectedIds : (selectedIds[0] ?? null)\n\n      // Update the document via API\n      try {\n        const response = await fetch(\n          `${config.serverURL}${config.routes.api}/${collectionSlug}/${rowData.id}`,\n          {\n            body: JSON.stringify({\n              [field.name]: newValue,\n            }),\n            credentials: 'include',\n            headers: {\n              'Content-Type': 'application/json',\n            },\n            method: 'PATCH',\n          },\n        )\n\n        if (response.ok && typeof relationTo === 'string') {\n          // Update local state with new selection to avoid page reload\n          const newValues: Value[] = selectedIds.map((id) => ({\n            relationTo,\n            value: id,\n          }))\n          setValues(newValues)\n\n          // Request the new relationship docs to update the display\n          if (newValues.length > 0) {\n            getRelationships(newValues)\n          }\n        }\n      } catch (_error) {\n        // swallow error and close modal anyway, user can try again\n      }\n\n      closeModal()\n    },\n    [collectionSlug, config, field.name, hasMany, rowData, relationTo, getRelationships],\n  )\n\n  // Build display labels\n  const labels = useMemo(() => {\n    return values.map(({ relationTo: rel, value }) => {\n      const document = documents[rel]?.[value]\n      const relatedCollection = getEntityConfig({ collectionSlug: rel })\n\n      return formatDocTitle({\n        collectionConfig: relatedCollection,\n        data: document || null,\n        dateFormat: config.admin.dateFormat,\n        fallback: `${t('general:untitled')} - ID: ${value}`,\n        i18n,\n      })\n    })\n  }, [values, documents, getEntityConfig, config.admin.dateFormat, t, i18n])\n\n  const displayText = labels.length > 0 ? labels.join(', ') : t('general:none')\n  const isLoading =\n    values.length > 0 &&\n    values.some(({ relationTo: rel, value }) => documents[rel]?.[value] === null)\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      <Button\n        buttonStyle=\"pill\"\n        className={`${baseClass}__pill`}\n        icon={displayIcon}\n        iconPosition=\"left\"\n        margin={false}\n        onClick={handleOpenModal}\n        size=\"medium\"\n      >\n        {isLoading ? `${t('general:loading')}...` : displayText}\n      </Button>\n      {hierarchyCollectionSlug && hasMountedModal && (\n        <HierarchyModal\n          hasMany={hasMany}\n          initialSelections={initialSelections}\n          onSave={handleSave}\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/JSON/index.css

@@ -0,0 +1,30 @@
+@layer payload-default {
+  .json-cell {
+    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);
+    border: 0;
+    display: inline-flex;
+    vertical-align: middle;
+    background: var(--color-bg-tertiary);
+    color: var(--color-text);
+    border-radius: var(--radius-medium);
+    padding: 0 var(--spacer-1);
+    max-width: 99.9%;
+
+    [dir='ltr'] & {
+      padding-left: var(--spacer-2);
+    }
+
+    [dir='rtl'] & {
+      padding-right: var(--spacer-2);
+    }
+
+    span {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+}

package/dist/elements/Table/DefaultCell/fields/JSON/index.d.ts

@@ -1,5 +1,5 @@
 import type { DefaultCellComponentProps, JSONFieldClient } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare const JSONCell: React.FC<DefaultCellComponentProps<JSONFieldClient>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/JSON/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAGrB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,eAAe,CAAC,CAgBzE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,aAAa,CAAA;AAGpB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,eAAe,CAAC,CAgBzE,CAAA"}

package/dist/elements/Table/DefaultCell/fields/JSON/index.js

@@ -4,7 +4,7 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
-import './index.scss';
+import './index.css';
 import { stringifyTruncated } from '../../../../../utilities/stringifyTruncated.js';
 export const JSONCell = t0 => {
   const $ = _c(4);

package/dist/elements/Table/DefaultCell/fields/JSON/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","stringifyTruncated","JSONCell","t0","$","cellData","t","t2","cellDataString","_jsx","className","children"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, JSONFieldClient } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.scss'\nimport { stringifyTruncated } from '../../../../../utilities/stringifyTruncated.js'\n\nexport const JSONCell: React.FC<DefaultCellComponentProps<JSONFieldClient>> = ({ cellData }) => {\n  const { t } = useTranslation()\n  try {\n    const cellDataString = stringifyTruncated(cellData, 100)\n    return (\n      <code className=\"json-cell\">\n        <span>{cellDataString}</span>\n      </code>\n    )\n  } catch (_ignore) {\n    return (\n      <code className=\"json-cell\">\n        <span>{t('general:error')}</span>\n      </code>\n    )\n  }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,kBAAkB,QAAQ;AAEnC,OAAO,MAAMC,QAAA,GAAiEC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO;EAAA,IAAAF,EAAY;EACzF;IAAAG;EAAA,IAAcN,cAAA;EAAA;EAAA;IAAA,IAAAO,EAAA;IAAA,IAAAH,CAAA,QAAAC,QAAA;MAEZ,MAAAG,cAAA,GAAuBP,kBAAA,CAAmBI,QAAA,KAAU;MAElDE,EAAA,GAAAE,IAAA,CAAC;QAAAC,SAAA,EAAe;QAAAC,QAAA,EACdF,IAAA,CAAC;UAAAE,QAAA,EAAMH;QAAA,C;;;;;;;WADTD,E;;;;MAMAA,EAAA,GAAAE,IAAA,CAAC;QAAAC,SAAA,EAAe;QAAAC,QAAA,EACdF,IAAA,CAAC;UAAAE,QAAA,EAAML,CAAA,CAAE;QAAA,C;;;;;;;WADXC,E;;CAKN","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","stringifyTruncated","JSONCell","t0","$","cellData","t","t2","cellDataString","_jsx","className","children"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, JSONFieldClient } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\nimport { stringifyTruncated } from '../../../../../utilities/stringifyTruncated.js'\n\nexport const JSONCell: React.FC<DefaultCellComponentProps<JSONFieldClient>> = ({ cellData }) => {\n  const { t } = useTranslation()\n  try {\n    const cellDataString = stringifyTruncated(cellData, 100)\n    return (\n      <code className=\"json-cell\">\n        <span>{cellDataString}</span>\n      </code>\n    )\n  } catch (_ignore) {\n    return (\n      <code className=\"json-cell\">\n        <span>{t('general:error')}</span>\n      </code>\n    )\n  }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,kBAAkB,QAAQ;AAEnC,OAAO,MAAMC,QAAA,GAAiEC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO;EAAA,IAAAF,EAAY;EACzF;IAAAG;EAAA,IAAcN,cAAA;EAAA;EAAA;IAAA,IAAAO,EAAA;IAAA,IAAAH,CAAA,QAAAC,QAAA;MAEZ,MAAAG,cAAA,GAAuBP,kBAAA,CAAmBI,QAAA,KAAU;MAElDE,EAAA,GAAAE,IAAA,CAAC;QAAAC,SAAA,EAAe;QAAAC,QAAA,EACdF,IAAA,CAAC;UAAAE,QAAA,EAAMH;QAAA,C;;;;;;;WADTD,E;;;;MAMAA,EAAA,GAAAE,IAAA,CAAC;QAAAC,SAAA,EAAe;QAAAC,QAAA,EACdF,IAAA,CAAC;UAAAE,QAAA,EAAML,CAAA,CAAE;QAAA,C;;;;;;;WADXC,E;;CAKN","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/Relationship/index.d.ts

@@ -1,6 +1,5 @@
 import type { DefaultCellComponentProps, JoinFieldClient, RelationshipFieldClient, UploadFieldClient } from 'payload';
 import React from 'react';
-import './index.scss';
 export type RelationshipCellProps = DefaultCellComponentProps<JoinFieldClient | RelationshipFieldClient | UploadFieldClient>;
 export declare const RelationshipCell: React.FC<RelationshipCellProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Relationship/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EACzB,eAAe,EACf,uBAAuB,EACvB,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAuC,MAAM,OAAO,CAAA;AAS3D,OAAO,cAAc,CAAA;AAMrB,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAC3D,eAAe,GAAG,uBAAuB,GAAG,iBAAiB,CAC9D,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA6G5D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EACzB,eAAe,EACf,uBAAuB,EACvB,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAuC,MAAM,OAAO,CAAA;AAc3D,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAC3D,eAAe,GAAG,uBAAuB,GAAG,iBAAiB,CAC9D,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA6G5D,CAAA"}

package/dist/elements/Table/DefaultCell/fields/Relationship/index.js

@@ -11,7 +11,6 @@ import { canUseDOM } from '../../../../../utilities/canUseDOM.js';
 import { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js';
 import { useListRelationships } from '../../../RelationshipProvider/index.js';
 import { FileCell } from '../File/index.js';
-import './index.scss';
 const baseClass = 'relationship-cell';
 const totalToShow = 3;
 export const RelationshipCell = t0 => {

package/dist/elements/Table/DefaultCell/fields/Relationship/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useEffect","useMemo","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","FileCell","baseClass","totalToShow","RelationshipCell","t0","$","cellData","cellDataFromProps","customCellProps","customCellContext","field","t1","label","relationTo","collection","docs","config","getEntityConfig","collections","intersectionRef","entry","t2","Symbol","for","values","setValues","documents","getRelationships","hasRequested","setHasRequested","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","t3","formattedValues","arrayCellData","Array","isArray","slice","length","forEach","cell","push","value","t4","t5","t6","t7","admin","t8","t9","i","relationTo_0","document","relatedCollection","collectionSlug","label_0","collectionConfig","data","dateFormat","fallback","fileField","type","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","slug","rowData","_jsxs","Fragment","children","className","ref","map","count","items"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  DefaultCellComponentProps,\n  JoinFieldClient,\n  RelationshipFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport { FileCell } from '../File/index.js'\nimport './index.scss'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'relationship-cell'\nconst totalToShow = 3\n\nexport type RelationshipCellProps = DefaultCellComponentProps<\n  JoinFieldClient | RelationshipFieldClient | UploadFieldClient\n>\n\nexport const RelationshipCell: React.FC<RelationshipCellProps> = ({\n  cellData: cellDataFromProps,\n  customCellProps: customCellContext,\n  field,\n  field: { label },\n}) => {\n  // conditionally extract relationTo both both relationship and join fields\n  const relationTo =\n    ('relationTo' in field && field.relationTo) || ('collection' in field && field.collection)\n\n  // conditionally extract docs from join fields\n  const cellData = useMemo(() => {\n    return 'collection' in field ? cellDataFromProps?.docs : cellDataFromProps\n  }, [cellDataFromProps, field])\n\n  const { config, getEntityConfig } = useConfig()\n  const { collections } = config\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const [hasRequested, setHasRequested] = useState(false)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  useEffect(() => {\n    if ((cellData || typeof cellData === 'number') && isAboveViewport && !hasRequested) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellData) ? cellData : [cellData]\n      arrayCellData\n        .slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow)\n        .forEach((cell) => {\n          if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n            formattedValues.push(cell)\n          }\n          if (\n            (typeof cell === 'number' || typeof cell === 'string') &&\n            typeof relationTo === 'string'\n          ) {\n            formattedValues.push({\n              relationTo,\n              value: cell,\n            })\n          }\n        })\n      getRelationships(formattedValues)\n      setHasRequested(true)\n      setValues(formattedValues)\n    }\n  }, [cellData, relationTo, collections, isAboveViewport, hasRequested, getRelationships])\n\n  useEffect(() => {\n    if (hasRequested) {\n      setHasRequested(false)\n    }\n  }, [cellData])\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      {values.map(({ relationTo, value }, i) => {\n        const document = documents[relationTo][value]\n        const relatedCollection = getEntityConfig({\n          collectionSlug: relationTo,\n        })\n\n        const label = formatDocTitle({\n          collectionConfig: relatedCollection,\n          data: document || null,\n          dateFormat: config.admin.dateFormat,\n          fallback: `${t('general:untitled')} - ID: ${value}`,\n          i18n,\n        })\n\n        let fileField = null\n\n        if (field.type === 'upload') {\n          const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n          const previewAllowed =\n            fieldPreviewAllowed ?? relatedCollection.upload?.displayPreview ?? true\n\n          if (previewAllowed && document) {\n            fileField = (\n              <FileCell\n                cellData={label}\n                collectionConfig={relatedCollection}\n                collectionSlug={relatedCollection.slug}\n                customCellProps={customCellContext}\n                field={field}\n                rowData={document}\n              />\n            )\n          }\n        }\n\n        return (\n          <React.Fragment key={i}>\n            {document === false && `${t('general:untitled')} - ID: ${value}`}\n            {document === null && `${t('general:loading')}...`}\n            {document ? fileField || label : null}\n            {values.length > i + 1 && ', '}\n          </React.Fragment>\n        )\n      })}\n      {Array.isArray(cellData) &&\n        cellData.length > totalToShow &&\n        t('fields:itemsAndMore', { count: cellData.length - totalToShow, items: '' })}\n      {values.length === 0 && t('general:noLabel', { label: getTranslation(label || '', i18n) })}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useEffect","useMemo","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","FileCell","baseClass","totalToShow","RelationshipCell","t0","$","cellData","cellDataFromProps","customCellProps","customCellContext","field","t1","label","relationTo","collection","docs","config","getEntityConfig","collections","intersectionRef","entry","t2","Symbol","for","values","setValues","documents","getRelationships","hasRequested","setHasRequested","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","t3","formattedValues","arrayCellData","Array","isArray","slice","length","forEach","cell","push","value","t4","t5","t6","t7","admin","t8","t9","i","relationTo_0","document","relatedCollection","collectionSlug","label_0","collectionConfig","data","dateFormat","fallback","fileField","type","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","slug","rowData","_jsxs","Fragment","children","className","ref","map","count","items"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  DefaultCellComponentProps,\n  JoinFieldClient,\n  RelationshipFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport { FileCell } from '../File/index.js'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'relationship-cell'\nconst totalToShow = 3\n\nexport type RelationshipCellProps = DefaultCellComponentProps<\n  JoinFieldClient | RelationshipFieldClient | UploadFieldClient\n>\n\nexport const RelationshipCell: React.FC<RelationshipCellProps> = ({\n  cellData: cellDataFromProps,\n  customCellProps: customCellContext,\n  field,\n  field: { label },\n}) => {\n  // conditionally extract relationTo both both relationship and join fields\n  const relationTo =\n    ('relationTo' in field && field.relationTo) || ('collection' in field && field.collection)\n\n  // conditionally extract docs from join fields\n  const cellData = useMemo(() => {\n    return 'collection' in field ? cellDataFromProps?.docs : cellDataFromProps\n  }, [cellDataFromProps, field])\n\n  const { config, getEntityConfig } = useConfig()\n  const { collections } = config\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const [hasRequested, setHasRequested] = useState(false)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  useEffect(() => {\n    if ((cellData || typeof cellData === 'number') && isAboveViewport && !hasRequested) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellData) ? cellData : [cellData]\n      arrayCellData\n        .slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow)\n        .forEach((cell) => {\n          if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n            formattedValues.push(cell)\n          }\n          if (\n            (typeof cell === 'number' || typeof cell === 'string') &&\n            typeof relationTo === 'string'\n          ) {\n            formattedValues.push({\n              relationTo,\n              value: cell,\n            })\n          }\n        })\n      getRelationships(formattedValues)\n      setHasRequested(true)\n      setValues(formattedValues)\n    }\n  }, [cellData, relationTo, collections, isAboveViewport, hasRequested, getRelationships])\n\n  useEffect(() => {\n    if (hasRequested) {\n      setHasRequested(false)\n    }\n  }, [cellData])\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      {values.map(({ relationTo, value }, i) => {\n        const document = documents[relationTo][value]\n        const relatedCollection = getEntityConfig({\n          collectionSlug: relationTo,\n        })\n\n        const label = formatDocTitle({\n          collectionConfig: relatedCollection,\n          data: document || null,\n          dateFormat: config.admin.dateFormat,\n          fallback: `${t('general:untitled')} - ID: ${value}`,\n          i18n,\n        })\n\n        let fileField = null\n\n        if (field.type === 'upload') {\n          const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n          const previewAllowed =\n            fieldPreviewAllowed ?? relatedCollection.upload?.displayPreview ?? true\n\n          if (previewAllowed && document) {\n            fileField = (\n              <FileCell\n                cellData={label}\n                collectionConfig={relatedCollection}\n                collectionSlug={relatedCollection.slug}\n                customCellProps={customCellContext}\n                field={field}\n                rowData={document}\n              />\n            )\n          }\n        }\n\n        return (\n          <React.Fragment key={i}>\n            {document === false && `${t('general:untitled')} - ID: ${value}`}\n            {document === null && `${t('general:loading')}...`}\n            {document ? fileField || label : null}\n            {values.length > i + 1 && ', '}\n          </React.Fragment>\n        )\n      })}\n      {Array.isArray(cellData) &&\n        cellData.length > totalToShow &&\n        t('fields:itemsAndMore', { count: cellData.length - totalToShow, items: '' })}\n      {values.length === 0 && t('general:noLabel', { label: getTranslation(label || '', i18n) })}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/index.d.ts

@@ -6,7 +6,7 @@ export declare const cellComponents: {
     date: import("react").FC<import("payload").DefaultCellComponentProps<{
         accessor?: string;
     } & {
-        admin?: import("payload").AdminClient & Pick<import("payload").DateField["admin"], "date" | "placeholder">;
+        admin?: import("payload").AdminClient & Pick<import("payload").DateField['admin'], 'date' | 'placeholder'>;
         timezone?: ({
             required?: boolean;
             supportedTimezones?: import("payload").Timezone[];

package/dist/elements/Table/DefaultCell/fields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Table/DefaultCell/fields/index.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;CAe1B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Table/DefaultCell/fields/index.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,cAAc;IACzB,KAAK;IACL,MAAM;IACN,QAAQ;IACR,IAAI;IACJ,IAAI;;;;;;;;;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,YAAY;IACZ,MAAM;IACN,MAAM;IACN,QAAQ;IACR,MAAM;CACP,CAAA"}

package/dist/elements/Table/OrderableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderableRow.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/OrderableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,QAAQ,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IACjD,QAAQ,CAAC,aAAa,CAAC,EAAE,2BAA2B,CAAA;IACpD,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAA;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAChC,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAA;AAEvC,eAAO,MAAM,YAAY,GAAI,qEAO1B,KAAK,gCA0BP,CAAA"}
+{"version":3,"file":"OrderableRow.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/OrderableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,QAAQ,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IACjD,QAAQ,CAAC,aAAa,CAAC,EAAE,2BAA2B,CAAA;IACpD,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAA;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAChC,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAA;AAEvC,eAAO,MAAM,YAAY,wEAOtB,KAAK,gCA+BP,CAAA"}

package/dist/elements/Table/OrderableRow.js

@@ -26,7 +26,7 @@ export const OrderableRow = ({
       }, colIndex);
     }
     return /*#__PURE__*/_jsx("td", {
-      className: `cell-${accessor}`,
+      className: [`cell-${accessor}`, col.isLinkedColumn && 'cell--linked'].filter(Boolean).join(' '),
       children: cell
     }, colIndex);
   })

package/dist/elements/Table/OrderableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderableRow.js","names":["OrderableRow","cellMap","columns","dragAttributes","dragListeners","rowId","rest","_jsx","map","col","colIndex","accessor","cell","renderedCells","className"],"sources":["../../../src/elements/Table/OrderableRow.tsx"],"sourcesContent":["import type { DraggableSyntheticListeners } from '@dnd-kit/core'\nimport type { Column } from 'payload'\nimport type { HTMLAttributes, Ref } from 'react'\n\nexport type Props = {\n  readonly cellMap: Record<string, number>\n  readonly columns: Column[]\n  readonly dragAttributes?: HTMLAttributes<unknown>\n  readonly dragListeners?: DraggableSyntheticListeners\n  readonly ref?: Ref<HTMLTableRowElement>\n  readonly rowId: number | string\n} & HTMLAttributes<HTMLTableRowElement>\n\nexport const OrderableRow = ({\n  cellMap,\n  columns,\n  dragAttributes = {},\n  dragListeners = {},\n  rowId,\n  ...rest\n}: Props) => (\n  <tr {...rest}>\n    {columns.map((col, colIndex) => {\n      const { accessor } = col\n\n      // Use the cellMap to find which index in the renderedCells to use\n      const cell = col.renderedCells[cellMap[rowId]]\n\n      // For drag handles, wrap in div with drag attributes\n      if (accessor === '_dragHandle') {\n        return (\n          <td className={`cell-${accessor}`} key={colIndex}>\n            <div {...dragAttributes} {...dragListeners}>\n              {cell}\n            </div>\n          </td>\n        )\n      }\n\n      return (\n        <td className={`cell-${accessor}`} key={colIndex}>\n          {cell}\n        </td>\n      )\n    })}\n  </tr>\n)\n"],"mappings":";AAaA,OAAO,MAAMA,YAAA,GAAeA,CAAC;EAC3BC,OAAO;EACPC,OAAO;EACPC,cAAA,GAAiB,CAAC,CAAC;EACnBC,aAAA,GAAgB,CAAC,CAAC;EAClBC,KAAK;EACL,GAAGC;AAAA,CACG,kBACNC,IAAA,CAAC;EAAI,GAAGD,IAAI;YACTJ,OAAA,CAAQM,GAAG,CAAC,CAACC,GAAA,EAAKC,QAAA;IACjB,MAAM;MAAEC;IAAQ,CAAE,GAAGF,GAAA;IAErB;IACA,MAAMG,IAAA,GAAOH,GAAA,CAAII,aAAa,CAACZ,OAAO,CAACI,KAAA,CAAM,CAAC;IAE9C;IACA,IAAIM,QAAA,KAAa,eAAe;MAC9B,oBACEJ,IAAA,CAAC;QAAGO,SAAA,EAAW,QAAQH,QAAA,EAAU;kBAC/B,aAAAJ,IAAA,CAAC;UAAK,GAAGJ,cAAc;UAAG,GAAGC,aAAa;oBACvCQ;;SAFmCF,QAAA;IAM5C;IAEA,oBACEH,IAAA,CAAC;MAAGO,SAAA,EAAW,QAAQH,QAAA,EAAU;gBAC9BC;OADqCF,QAAA;EAI5C","ignoreList":[]}
+{"version":3,"file":"OrderableRow.js","names":["OrderableRow","cellMap","columns","dragAttributes","dragListeners","rowId","rest","_jsx","map","col","colIndex","accessor","cell","renderedCells","className","isLinkedColumn","filter","Boolean","join"],"sources":["../../../src/elements/Table/OrderableRow.tsx"],"sourcesContent":["import type { DraggableSyntheticListeners } from '@dnd-kit/core'\nimport type { Column } from 'payload'\nimport type { HTMLAttributes, Ref } from 'react'\n\nexport type Props = {\n  readonly cellMap: Record<string, number>\n  readonly columns: Column[]\n  readonly dragAttributes?: HTMLAttributes<unknown>\n  readonly dragListeners?: DraggableSyntheticListeners\n  readonly ref?: Ref<HTMLTableRowElement>\n  readonly rowId: number | string\n} & HTMLAttributes<HTMLTableRowElement>\n\nexport const OrderableRow = ({\n  cellMap,\n  columns,\n  dragAttributes = {},\n  dragListeners = {},\n  rowId,\n  ...rest\n}: Props) => (\n  <tr {...rest}>\n    {columns.map((col, colIndex) => {\n      const { accessor } = col\n\n      // Use the cellMap to find which index in the renderedCells to use\n      const cell = col.renderedCells[cellMap[rowId]]\n\n      // For drag handles, wrap in div with drag attributes\n      if (accessor === '_dragHandle') {\n        return (\n          <td className={`cell-${accessor}`} key={colIndex}>\n            <div {...dragAttributes} {...dragListeners}>\n              {cell}\n            </div>\n          </td>\n        )\n      }\n\n      return (\n        <td\n          className={[`cell-${accessor}`, col.isLinkedColumn && 'cell--linked']\n            .filter(Boolean)\n            .join(' ')}\n          key={colIndex}\n        >\n          {cell}\n        </td>\n      )\n    })}\n  </tr>\n)\n"],"mappings":";AAaA,OAAO,MAAMA,YAAA,GAAeA,CAAC;EAC3BC,OAAO;EACPC,OAAO;EACPC,cAAA,GAAiB,CAAC,CAAC;EACnBC,aAAA,GAAgB,CAAC,CAAC;EAClBC,KAAK;EACL,GAAGC;AAAA,CACG,kBACNC,IAAA,CAAC;EAAI,GAAGD,IAAI;YACTJ,OAAA,CAAQM,GAAG,CAAC,CAACC,GAAA,EAAKC,QAAA;IACjB,MAAM;MAAEC;IAAQ,CAAE,GAAGF,GAAA;IAErB;IACA,MAAMG,IAAA,GAAOH,GAAA,CAAII,aAAa,CAACZ,OAAO,CAACI,KAAA,CAAM,CAAC;IAE9C;IACA,IAAIM,QAAA,KAAa,eAAe;MAC9B,oBACEJ,IAAA,CAAC;QAAGO,SAAA,EAAW,QAAQH,QAAA,EAAU;kBAC/B,aAAAJ,IAAA,CAAC;UAAK,GAAGJ,cAAc;UAAG,GAAGC,aAAa;oBACvCQ;;SAFmCF,QAAA;IAM5C;IAEA,oBACEH,IAAA,CAAC;MACCO,SAAA,EAAW,CAAC,QAAQH,QAAA,EAAU,EAAEF,GAAA,CAAIM,cAAc,IAAI,eAAe,CAClEC,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;gBAGPN;OAFIF,QAAA;EAKX","ignoreList":[]}

package/dist/elements/Table/OrderableRowDragPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderableRowDragPreview.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/OrderableRowDragPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAI,gCAAgC,KAAK,gCAO1E,CAAA"}
+{"version":3,"file":"OrderableRowDragPreview.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/OrderableRowDragPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,uBAAuB,mCAAoC,KAAK,gCAO1E,CAAA"}

package/dist/elements/Table/RelationshipProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,UAAU,EAAE,MAAM,SAAS,CAAA;AAIrD,OAAO,KAAyE,MAAM,OAAO,CAAA;AAW7F,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,IAAI,EAAE,MAAM,GAAG;QACd,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,UAAU,CAAA;KACjD,CAAA;CACF,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,SAAS,CAAA;IACpB,gBAAgB,EAAE,CAChB,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KACvB,EAAE,KACA,IAAI,CAAA;CACV,CAAA;AAID,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAmGlF,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAO,uBAAuC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,UAAU,EAAE,MAAM,SAAS,CAAA;AAIrD,OAAO,KAAyE,MAAM,OAAO,CAAA;AAW7F,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,IAAI,EAAE,MAAM,GAAG;QACd,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,UAAU,CAAA;KACjD,CAAA;CACF,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,SAAS,CAAA;IACpB,gBAAgB,EAAE,CAChB,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KACvB,EAAE,KACA,IAAI,CAAA;CACV,CAAA;AAID,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAoGlF,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAO,uBAAuC,CAAA"}

package/dist/elements/Table/RelationshipProvider/index.js

@@ -63,6 +63,7 @@ export const RelationshipProvider = t0 => {
           const params = new URLSearchParams();
           const select = {};
           params.append("depth", "0");
+          params.append("draft", "true");
           params.append("limit", "250");
           const collection = collections.find(c => c.slug === slug);
           if (!collection) {

package/dist/elements/Table/RelationshipProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","appendUploadSelectFields","formatAdminURL","qs","React","createContext","use","useCallback","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","t0","$","children","t1","Symbol","for","documents","dispatchDocuments","debouncedDocuments","config","t2","collections","routes","t3","api","i18n","code","locale","prevLocale","t4","t5","reloadAll","undefined","Object","entries","forEach","t6","slug","docs","idsToLoad","t7","id","value","push","length","url","apiRoute","path","params","URLSearchParams","select","append","collection","find","fieldToSelect","admin","useAsTitle","upload","collectionConfig","idsToString","map","_temp","join","query","toString","stringify","result","fetch","credentials","headers","language","ok","json","type","relationTo","loadRelationshipDocs","current","relationships","getRelationships","t8","_jsx","useListRelationships","id_0","String"],"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { SelectType, TypeWithID } from 'payload'\n\nimport { appendUploadSelectFields, formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use, useCallback, useEffect, useReducer, useRef } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reducer } from './reducer.js'\n\n// documents are first set to null when requested\n// set to false when no doc is returned\n// or set to the document returned\nexport type Documents = {\n  [slug: string]: {\n    [id: number | string]: false | null | TypeWithID\n  }\n}\n\ntype ListRelationshipContext = {\n  documents: Documents\n  getRelationships: (\n    docs: {\n      relationTo: string\n      value: number | string\n    }[],\n  ) => void\n}\n\nconst Context = createContext({} as ListRelationshipContext)\n\nexport const RelationshipProvider: React.FC<{ readonly children?: React.ReactNode }> = ({\n  children,\n}) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { code: locale } = useLocale()\n  const prevLocale = useRef(locale)\n\n  const loadRelationshipDocs = useCallback(\n    (reloadAll = false) => {\n      Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {\n        const idsToLoad: (number | string)[] = []\n\n        Object.entries(docs).forEach(([id, value]) => {\n          if (value === null || reloadAll) {\n            idsToLoad.push(id)\n          }\n        })\n\n        if (idsToLoad.length > 0) {\n          const url = formatAdminURL({ apiRoute: api, path: `/${slug}` })\n\n          const params = new URLSearchParams()\n          const select: SelectType = {}\n\n          params.append('depth', '0')\n          params.append('limit', '250')\n\n          const collection = collections.find((c) => c.slug === slug)\n\n          if (!collection) {\n            return\n          }\n\n          const fieldToSelect = collection.admin.useAsTitle ?? 'id'\n\n          select[fieldToSelect] = true\n\n          if (collection.upload) {\n            appendUploadSelectFields({ collectionConfig: collection, select })\n          }\n\n          if (locale) {\n            params.append('locale', locale)\n          }\n\n          const idsToString = idsToLoad.map((id) => String(id))\n          params.append('where[id][in]', idsToString.join(','))\n\n          const query = `?${params.toString()}&${qs.stringify({ select })}`\n\n          const result = await fetch(`${url}${query}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          if (result.ok) {\n            const json = await result.json()\n            if (json.docs) {\n              dispatchDocuments({\n                type: 'ADD_LOADED',\n                docs: json.docs,\n                idsToLoad,\n                relationTo: slug,\n              })\n            }\n          } else {\n            dispatchDocuments({ type: 'ADD_LOADED', docs: [], idsToLoad, relationTo: slug })\n          }\n        }\n      })\n    },\n    [debouncedDocuments, api, i18n, locale, collections],\n  )\n\n  useEffect(() => {\n    void loadRelationshipDocs(locale && prevLocale.current !== locale)\n    prevLocale.current = locale\n  }, [locale, loadRelationshipDocs])\n\n  const getRelationships = useCallback(\n    (relationships: { relationTo: string; value: number | string }[]) => {\n      dispatchDocuments({ type: 'REQUEST', docs: relationships })\n    },\n    [],\n  )\n\n  return <Context value={{ documents, getRelationships }}>{children}</Context>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => use(Context)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","appendUploadSelectFields","formatAdminURL","qs","React","createContext","use","useCallback","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","t0","$","children","t1","Symbol","for","documents","dispatchDocuments","debouncedDocuments","config","t2","collections","routes","t3","api","i18n","code","locale","prevLocale","t4","t5","reloadAll","undefined","Object","entries","forEach","t6","slug","docs","idsToLoad","t7","id","value","push","length","url","apiRoute","path","params","URLSearchParams","select","append","collection","find","fieldToSelect","admin","useAsTitle","upload","collectionConfig","idsToString","map","_temp","join","query","toString","stringify","result","fetch","credentials","headers","language","ok","json","type","relationTo","loadRelationshipDocs","current","relationships","getRelationships","t8","_jsx","useListRelationships","id_0","String"],"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { SelectType, TypeWithID } from 'payload'\n\nimport { appendUploadSelectFields, formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use, useCallback, useEffect, useReducer, useRef } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reducer } from './reducer.js'\n\n// documents are first set to null when requested\n// set to false when no doc is returned\n// or set to the document returned\nexport type Documents = {\n  [slug: string]: {\n    [id: number | string]: false | null | TypeWithID\n  }\n}\n\ntype ListRelationshipContext = {\n  documents: Documents\n  getRelationships: (\n    docs: {\n      relationTo: string\n      value: number | string\n    }[],\n  ) => void\n}\n\nconst Context = createContext({} as ListRelationshipContext)\n\nexport const RelationshipProvider: React.FC<{ readonly children?: React.ReactNode }> = ({\n  children,\n}) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { code: locale } = useLocale()\n  const prevLocale = useRef(locale)\n\n  const loadRelationshipDocs = useCallback(\n    (reloadAll = false) => {\n      Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {\n        const idsToLoad: (number | string)[] = []\n\n        Object.entries(docs).forEach(([id, value]) => {\n          if (value === null || reloadAll) {\n            idsToLoad.push(id)\n          }\n        })\n\n        if (idsToLoad.length > 0) {\n          const url = formatAdminURL({ apiRoute: api, path: `/${slug}` })\n\n          const params = new URLSearchParams()\n          const select: SelectType = {}\n\n          params.append('depth', '0')\n          params.append('draft', 'true')\n          params.append('limit', '250')\n\n          const collection = collections.find((c) => c.slug === slug)\n\n          if (!collection) {\n            return\n          }\n\n          const fieldToSelect = collection.admin.useAsTitle ?? 'id'\n\n          select[fieldToSelect] = true\n\n          if (collection.upload) {\n            appendUploadSelectFields({ collectionConfig: collection, select })\n          }\n\n          if (locale) {\n            params.append('locale', locale)\n          }\n\n          const idsToString = idsToLoad.map((id) => String(id))\n          params.append('where[id][in]', idsToString.join(','))\n\n          const query = `?${params.toString()}&${qs.stringify({ select })}`\n\n          const result = await fetch(`${url}${query}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          if (result.ok) {\n            const json = await result.json()\n            if (json.docs) {\n              dispatchDocuments({\n                type: 'ADD_LOADED',\n                docs: json.docs,\n                idsToLoad,\n                relationTo: slug,\n              })\n            }\n          } else {\n            dispatchDocuments({ type: 'ADD_LOADED', docs: [], idsToLoad, relationTo: slug })\n          }\n        }\n      })\n    },\n    [debouncedDocuments, api, i18n, locale, collections],\n  )\n\n  useEffect(() => {\n    void loadRelationshipDocs(locale && prevLocale.current !== locale)\n    prevLocale.current = locale\n  }, [locale, loadRelationshipDocs])\n\n  const getRelationships = useCallback(\n    (relationships: { relationTo: string; value: number | string }[]) => {\n      dispatchDocuments({ type: 'REQUEST', docs: relationships })\n    },\n    [],\n  )\n\n  return <Context value={{ documents, getRelationships }}>{children}</Context>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => use(Context)\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Table/index.css

@@ -38,23 +38,43 @@
       }
     }
 
-    /* Linked cells: move padding to the anchor for full-cell clickability */
-    .cell--linked {
+    .drawer & th:first-child,
+    .drawer & td:first-child {
+      padding-inline-start: var(--spacer-3);
+    }
+
+    .drawer & th:last-child,
+    .drawer & td:last-child {
+      padding-inline-end: var(--spacer-3);
+    }
+
+    /* Linked cells: move padding to the anchor/button for full-cell clickability */
+    td.cell--linked {
       padding: 0;
 
-      > a {
+      &:first-child,
+      &:last-child {
+        padding: 0;
+      }
+
+      > :is(a, button) {
         display: flex;
         align-items: center;
+        width: 100%;
         padding: var(--spacer-2) var(--spacer-2-5);
         min-height: calc(var(--spacer-4) * 2);
+        cursor: pointer;
       }
 
-      &:first-child > a {
-        padding-inline-start: var(--spacer-2);
-        padding-inline-end: var(--spacer-2);
+      &:first-child > :is(a, button) {
+        padding-inline-start: var(--gutter-h);
       }
     }
 
+    .drawer & td.cell--linked:first-child > :is(a, button) {
+      padding-inline-start: var(--spacer-3);
+    }
+
     #heading-_select,
     .cell-_select {
       width: var(--spacer-5);
@@ -64,6 +84,18 @@
       text-align: center;
     }
 
+    /* Size the locked-row lock icon to the checkbox's 16px box (keeping the column
+     * width stable) and center it like the checkbox; the larger icon overflows. */
+    .cell-_select .locked {
+      display: flex;
+      height: var(--spacer-3);
+      width: var(--spacer-3);
+
+      svg {
+        flex-shrink: 0;
+      }
+    }
+
     #heading-_dragHandle {
       display: flex;
       align-items: center;
@@ -79,6 +111,12 @@
       vertical-align: middle;
     }
 
+    .cell-_dragHandle > div {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
     tbody tr {
       position: relative;
       border-top: var(--stroke-width-small) solid var(--color-border);
@@ -111,6 +149,8 @@
   /* Condensed appearance */
   .table--appearance-condensed {
     border-radius: var(--radius-medium);
+    scrollbar-width: thin;
+    scrollbar-color: var(--scrollbar-color) transparent;
 
     table {
       border-collapse: collapse;
@@ -171,16 +211,28 @@
       }
     }
 
-    /* Linked cells: move padding to the anchor for full-cell clickability */
-    .cell--linked {
+    /* Linked cells: move padding to the anchor/button for full-cell clickability */
+    td.cell--linked {
       padding: 0;
 
-      > a {
+      &:first-child,
+      &:last-child {
+        padding: 0;
+      }
+
+      > :is(a, button, .drawer-link) {
+        display: flex;
+        align-items: center;
+        width: 100%;
         padding: 0 var(--spacer-2-5);
         min-height: var(--spacer-5);
       }
 
-      &:first-child > a {
+      > :is(a, button) {
+        cursor: pointer;
+      }
+
+      &:first-child > :is(a, button, .drawer-link) {
         padding-inline-start: var(--spacer-2-5);
       }
     }