@payloadcms/ui 4.0.0-internal.c2b57ce → 4.0.0-internal.c3ac604

package/dist/elements/RelationshipTable/Pagination.js

@@ -1,94 +1,44 @@
 'use client';
 
 import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useListQuery } from '../../providers/ListQuery/index.js';
-import { useTranslation } from '../../providers/Translation/index.js';
-import './Pagination.css';
-const baseClass = 'relationship-table-pagination';
+import { Pagination } from '../Pagination/index.js';
 export const RelationshipTablePagination = () => {
-  const $ = _c(18);
+  const $ = _c(9);
   const {
     data,
     handlePageChange
   } = useListQuery();
-  const {
-    t
-  } = useTranslation();
-  const {
-    hasNextPage,
-    hasPrevPage,
-    limit,
-    nextPage,
-    page,
-    prevPage,
-    totalDocs,
-    totalPages
-  } = data;
-  if (!totalPages || totalPages <= 1 || !totalDocs || !page || !limit) {
+  if (!data?.totalDocs || !data?.limit) {
     return null;
   }
-  const currentRangeStart = (page - 1) * limit + 1;
-  const currentRangeEnd = Math.min(page * limit, totalDocs);
-  const t0 = !hasPrevPage;
-  let t1;
-  if ($[0] !== handlePageChange || $[1] !== prevPage) {
-    t1 = () => void handlePageChange(prevPage || 1);
-    $[0] = handlePageChange;
-    $[1] = prevPage;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== currentRangeEnd || $[4] !== currentRangeStart || $[5] !== handlePageChange || $[6] !== hasNextPage || $[7] !== nextPage || $[8] !== page || $[9] !== t || $[10] !== t0 || $[11] !== t1 || $[12] !== totalDocs) {
-    let t3;
-    if ($[14] !== handlePageChange || $[15] !== nextPage || $[16] !== page) {
-      t3 = () => void handlePageChange(nextPage || page + 1);
-      $[14] = handlePageChange;
-      $[15] = nextPage;
-      $[16] = page;
-      $[17] = t3;
-    } else {
-      t3 = $[17];
-    }
-    t2 = _jsxs("div", {
-      className: baseClass,
-      children: [_jsxs("div", {
-        className: `${baseClass}__nav`,
-        children: [_jsx("button", {
-          className: `${baseClass}__button`,
-          disabled: t0,
-          onClick: t1,
-          type: "button",
-          children: t("general:previous")
-        }), _jsx("button", {
-          className: `${baseClass}__button`,
-          disabled: !hasNextPage,
-          onClick: t3,
-          type: "button",
-          children: t("general:next")
-        })]
-      }), _jsxs("div", {
-        className: `${baseClass}__count`,
-        children: [currentRangeStart, " \u2013 ", currentRangeEnd, " ", t("general:of"), " ", totalDocs]
-      })]
+  let t0;
+  if ($[0] !== data.hasNextPage || $[1] !== data.hasPrevPage || $[2] !== data.limit || $[3] !== data.nextPage || $[4] !== data.page || $[5] !== data.prevPage || $[6] !== data.totalPages || $[7] !== handlePageChange) {
+    t0 = _jsx(Pagination, {
+      hasNextPage: data.hasNextPage,
+      hasPrevPage: data.hasPrevPage,
+      limit: data.limit,
+      nextPage: data.nextPage,
+      numberOfNeighbors: 1,
+      onChange: handlePageChange,
+      page: data.page,
+      prevPage: data.prevPage,
+      totalPages: data.totalPages
     });
-    $[3] = currentRangeEnd;
-    $[4] = currentRangeStart;
-    $[5] = handlePageChange;
-    $[6] = hasNextPage;
-    $[7] = nextPage;
-    $[8] = page;
-    $[9] = t;
-    $[10] = t0;
-    $[11] = t1;
-    $[12] = totalDocs;
-    $[13] = t2;
+    $[0] = data.hasNextPage;
+    $[1] = data.hasPrevPage;
+    $[2] = data.limit;
+    $[3] = data.nextPage;
+    $[4] = data.page;
+    $[5] = data.prevPage;
+    $[6] = data.totalPages;
+    $[7] = handlePageChange;
+    $[8] = t0;
   } else {
-    t2 = $[13];
+    t0 = $[8];
   }
-  return t2;
+  return t0;
 };
 //# sourceMappingURL=Pagination.js.map

package/dist/elements/RelationshipTable/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["c","_c","React","useListQuery","useTranslation","baseClass","RelationshipTablePagination","$","data","handlePageChange","t","hasNextPage","hasPrevPage","limit","nextPage","page","prevPage","totalDocs","totalPages","currentRangeStart","currentRangeEnd","Math","min","t0","t1","t2","t3","_jsxs","className","children","_jsx","disabled","onClick","type"],"sources":["../../../src/elements/RelationshipTable/Pagination.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './Pagination.css'\n\nconst baseClass = 'relationship-table-pagination'\n\nexport const RelationshipTablePagination: React.FC = () => {\n  const { data, handlePageChange } = useListQuery()\n  const { t } = useTranslation()\n\n  const { hasNextPage, hasPrevPage, limit, nextPage, page, prevPage, totalDocs, totalPages } = data\n\n  // Don't render pagination if there's only one page, no docs, or missing data\n  if (!totalPages || totalPages <= 1 || !totalDocs || !page || !limit) {\n    return null\n  }\n\n  const currentRangeStart = (page - 1) * limit + 1\n  const currentRangeEnd = Math.min(page * limit, totalDocs)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__nav`}>\n        <button\n          className={`${baseClass}__button`}\n          disabled={!hasPrevPage}\n          onClick={() => void handlePageChange(prevPage || 1)}\n          type=\"button\"\n        >\n          {t('general:previous')}\n        </button>\n        <button\n          className={`${baseClass}__button`}\n          disabled={!hasNextPage}\n          onClick={() => void handlePageChange(nextPage || page + 1)}\n          type=\"button\"\n        >\n          {t('general:next')}\n        </button>\n      </div>\n      <div className={`${baseClass}__count`}>\n        {currentRangeStart} – {currentRangeEnd} {t('general:of')} {totalDocs}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,2BAAA,GAAwCA,CAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACnD;IAAAO,IAAA;IAAAC;EAAA,IAAmCN,YAAA;EACnC;IAAAO;EAAA,IAAcN,cAAA;EAEd;IAAAO,WAAA;IAAAC,WAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC;EAAA,IAA6FV,IAAA;EAAA,IAGzF,CAACU,UAAA,IAAcA,UAAA,KAAc,KAAMD,SAAA,KAAcF,IAAA,KAASF,KAAA;IAAA;EAAA;EAI9D,MAAAM,iBAAA,GAA0B,CAACJ,IAAA,IAAO,IAAKF,KAAA,IAAQ;EAC/C,MAAAO,eAAA,GAAwBC,IAAA,CAAAC,GAAA,CAASP,IAAA,GAAOF,KAAA,EAAOI,SAAA;EAO7B,MAAAM,EAAA,IAACX,WAAA;EAAA,IAAAY,EAAA;EAAA,IAAAjB,CAAA,QAAAE,gBAAA,IAAAF,CAAA,QAAAS,QAAA;IACFQ,EAAA,GAAAA,CAAA,UAAWf,gBAAA,CAAiBO,QAAA,KAAY;IAAAT,CAAA,MAAAE,gBAAA;IAAAF,CAAA,MAAAS,QAAA;IAAAT,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAa,eAAA,IAAAb,CAAA,QAAAY,iBAAA,IAAAZ,CAAA,QAAAE,gBAAA,IAAAF,CAAA,QAAAI,WAAA,IAAAJ,CAAA,QAAAO,QAAA,IAAAP,CAAA,QAAAQ,IAAA,IAAAR,CAAA,QAAAG,CAAA,IAAAH,CAAA,SAAAgB,EAAA,IAAAhB,CAAA,SAAAiB,EAAA,IAAAjB,CAAA,SAAAU,SAAA;IAAA,IAAAS,EAAA;IAAA,IAAAnB,CAAA,SAAAE,gBAAA,IAAAF,CAAA,SAAAO,QAAA,IAAAP,CAAA,SAAAQ,IAAA;MAQxCW,EAAA,GAAAA,CAAA,UAAWjB,gBAAA,CAAiBK,QAAA,IAAYC,IAAA,IAAO;MAAAR,CAAA,OAAAE,gBAAA;MAAAF,CAAA,OAAAO,QAAA;MAAAP,CAAA,OAAAQ,IAAA;MAAAR,CAAA,OAAAmB,EAAA;IAAA;MAAAA,EAAA,GAAAnB,CAAA;IAAA;IAb9DkB,EAAA,GAAAE,KAAA,CAAC;MAAAC,SAAA,EAAAvB,SAAA;MAAAwB,QAAA,GACCF,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAAvB,SAAA,OAAmB;QAAAwB,QAAA,GACjCC,IAAA,CAAC;UAAAF,SAAA,EACY,GAAAvB,SAAA,UAAsB;UAAA0B,QAAA,EACvBR,EAAC;UAAAS,OAAA,EACFR,EAAwC;UAAAS,IAAA,EAC5C;UAAAJ,QAAA,EAEJnB,CAAA,CAAE;QAAA,C,GAELoB,IAAA,CAAC;UAAAF,SAAA,EACY,GAAAvB,SAAA,UAAsB;UAAA0B,QAAA,GACtBpB,WAAA;UAAAqB,OAAA,EACFN,EAA+C;UAAAO,IAAA,EACnD;UAAAJ,QAAA,EAEJnB,CAAA,CAAE;QAAA,C;UAGPiB,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAAvB,SAAA,SAAqB;QAAAwB,QAAA,GAClCV,iBAAA,EAAkB,YAAIC,eAAA,EAAgB,KAAEV,CAAA,CAAE,eAAc,KAAEO,SAAA;MAAA,C;;;;;;;;;;;;;;;;SApB/DQ,E;CAwBJ","ignoreList":[]}
+{"version":3,"file":"Pagination.js","names":["c","_c","React","useListQuery","Pagination","RelationshipTablePagination","$","data","handlePageChange","totalDocs","limit","t0","hasNextPage","hasPrevPage","nextPage","page","prevPage","totalPages","_jsx","numberOfNeighbors","onChange"],"sources":["../../../src/elements/RelationshipTable/Pagination.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { Pagination } from '../Pagination/index.js'\n\nexport const RelationshipTablePagination: React.FC = () => {\n  const { data, handlePageChange } = useListQuery()\n\n  if (!data?.totalDocs || !data?.limit) {\n    return null\n  }\n\n  return (\n    <Pagination\n      hasNextPage={data.hasNextPage}\n      hasPrevPage={data.hasPrevPage}\n      limit={data.limit}\n      nextPage={data.nextPage}\n      numberOfNeighbors={1}\n      onChange={handlePageChange}\n      page={data.page}\n      prevPage={data.prevPage}\n      totalPages={data.totalPages}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,2BAAA,GAAwCA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACnD;IAAAM,IAAA;IAAAC;EAAA,IAAmCL,YAAA;EAAA,IAE/B,CAACI,IAAA,EAAAE,SAAA,KAAoBF,IAAA,EAAAG,KAAM;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAC,IAAA,CAAAK,WAAA,IAAAN,CAAA,QAAAC,IAAA,CAAAM,WAAA,IAAAP,CAAA,QAAAC,IAAA,CAAAG,KAAA,IAAAJ,CAAA,QAAAC,IAAA,CAAAO,QAAA,IAAAR,CAAA,QAAAC,IAAA,CAAAQ,IAAA,IAAAT,CAAA,QAAAC,IAAA,CAAAS,QAAA,IAAAV,CAAA,QAAAC,IAAA,CAAAU,UAAA,IAAAX,CAAA,QAAAE,gBAAA;IAK7BG,EAAA,GAAAO,IAAA,CAAAd,UAAA;MAAAQ,WAAA,EACeL,IAAA,CAAAK,WAAA;MAAAC,WAAA,EACAN,IAAA,CAAAM,WAAA;MAAAH,KAAA,EACNH,IAAA,CAAAG,KAAA;MAAAI,QAAA,EACGP,IAAA,CAAAO,QAAA;MAAAK,iBAAA;MAAAC,QAAA,EAEAZ,gBAAA;MAAAO,IAAA,EACJR,IAAA,CAAAQ,IAAA;MAAAC,QAAA,EACIT,IAAA,CAAAS,QAAA;MAAAC,UAAA,EACEV,IAAA,CAAAU;IAAA,C;;;;;;;;;;;;;SATdN,E;CAYJ","ignoreList":[]}

package/dist/elements/RelationshipTable/index.css

@@ -18,10 +18,6 @@
     gap: var(--spacer-2);
   }
 
-  .relationship-table__columns-inner {
-    padding-bottom: var(--spacer-3);
-  }
-
   .relationship-table__toggle-columns .btn__icon {
     color: var(--color-icon-secondary);
   }
@@ -30,10 +26,6 @@
     color: var(--color-text);
   }
 
-  .relationship-table__columns[aria-hidden='true'] {
-    display: none;
-  }
-
   .relationship-table__add-new-polymorphic-wrapper {
     display: inline-flex;
   }
@@ -47,13 +39,10 @@
   .relationship-table .table {
     margin-bottom: 0;
     background: var(--color-bg);
-    border: var(--stroke-width-small) solid var(--color-border);
-    border-radius: var(--radius-medium);
-    overflow: hidden;
+    overflow: auto;
 
     table {
       width: 100%;
-      overflow: auto;
     }
 
     &:not(.table--appearance-condensed) table {

package/dist/elements/RelationshipTable/index.d.ts

@@ -6,6 +6,7 @@ type RelationshipTableComponentProps = {
     readonly AfterInput?: React.ReactNode;
     readonly allowCreate?: boolean;
     readonly BeforeInput?: React.ReactNode;
+    readonly Description?: React.ReactNode;
     readonly disableTable?: boolean;
     readonly field: JoinFieldClient;
     readonly fieldPath?: string;

package/dist/elements/RelationshipTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RelationshipTable/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,eAAe,EAEpB,KAAK,aAAa,EAClB,KAAK,KAAK,EACX,MAAM,SAAS,CAAA;AAEhB,OAAO,KAA6D,MAAM,OAAO,CAAA;AAEjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAmBrE,OAAO,aAAa,CAAA;AAIpB,KAAK,+BAA+B,GAAG;IACrC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAA;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,aAAa,CAAA;IACpC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;IAC/D,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAChB,cAAc,EAAE,cAAc,CAAA;QAC9B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAA;IACD,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;AAEzE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAoWvE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RelationshipTable/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,eAAe,EAEpB,KAAK,aAAa,EAClB,KAAK,KAAK,EACX,MAAM,SAAS,CAAA;AAEhB,OAAO,KAA6D,MAAM,OAAO,CAAA;AAEjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAiBrE,OAAO,aAAa,CAAA;AAIpB,KAAK,+BAA+B,GAAG;IACrC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAA;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,aAAa,CAAA;IACpC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;IAC/D,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAChB,cAAc,EAAE,cAAc,CAAA;QAC9B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAA;IACD,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;AAEzE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAkZvE,CAAA"}

package/dist/elements/RelationshipTable/index.js

@@ -4,18 +4,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { hoistQueryParamsToAnd, transformColumnsToPreferences } from 'payload/shared';
 import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react';
-import { Button } from '../../elements/Button/index.js';
 import { useEffectEvent } from '../../hooks/useEffectEvent.js';
-import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
+import { useDocumentEvents } from '../../providers/DocumentEvents/index.js';
 import { ListQueryProvider } from '../../providers/ListQuery/index.js';
 import { useServerFunctions } from '../../providers/ServerFunctions/index.js';
 import { TableColumnsProvider } from '../../providers/TableColumns/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import { AnimateHeight } from '../AnimateHeight/index.js';
-import { ColumnSelector } from '../ColumnSelector/index.js';
 import { useDocumentDrawer } from '../DocumentDrawer/index.js';
+import { ListColumnSelectionButton } from '../ListColumnSelectionButton/index.js';
 import { NoListResults } from '../NoListResults/index.js';
 import { RelationshipProvider } from '../Table/RelationshipProvider/index.js';
 import { AddNewButton } from './AddNewButton.js';
@@ -28,6 +26,7 @@ export const RelationshipTable = props => {
     AfterInput,
     allowCreate = true,
     BeforeInput,
+    Description,
     disableTable = false,
     field,
     fieldPath,
@@ -48,7 +47,6 @@ export const RelationshipTable = props => {
     t
   } = useTranslation();
   const [query, setQuery] = useState();
-  const [openColumnSelector, setOpenColumnSelector] = useState(false);
   const [collectionConfig] = useState(() => getEntityConfig({
     collectionSlug: relationTo
   }));
@@ -181,6 +179,37 @@ export const RelationshipTable = props => {
       setCurrentDrawerID(undefined);
     }
   }, [isDrawerOpen]);
+  // Keep this table in sync with documents created, updated, or deleted elsewhere
+  // (a sibling join table, the relationship field, or an inline drawer edit).
+  const {
+    mostRecentUpdate
+  } = useDocumentEvents();
+  const lastHandledEventRef = useRef(null);
+  const handleDocumentEvent = useEffectEvent(event => {
+    if (disableTable || !event || event === lastHandledEventRef.current) {
+      return;
+    }
+    const relationSlugs = Array.isArray(relationTo) ? relationTo : [relationTo];
+    if (!relationSlugs.includes(event.entitySlug)) {
+      return;
+    }
+    lastHandledEventRef.current = event;
+    // Skip the refetch when the current data already reflects this event — e.g. this
+    // table's own drawer already applied it optimistically via onDrawerSave/onDrawerDelete,
+    // or a fresh mount already loaded data that includes it. Otherwise saving/deleting from
+    // this table's own drawer (which also emits a matching event) would render a second time.
+    const eventDocID = event.doc?.id ?? event.id;
+    const existingDoc = isPolymorphic ? data?.docs?.find(doc => doc.relationTo === event.entitySlug && doc.value?.id === eventDocID) : data?.docs?.find(doc => doc.id === eventDocID);
+    const existingUpdatedAt = isPolymorphic ? existingDoc?.value?.updatedAt : existingDoc?.updatedAt;
+    const isAlreadyReflected = event.operation === 'delete' ? !existingDoc : Boolean(existingDoc) && existingUpdatedAt === event.updatedAt;
+    if (isAlreadyReflected) {
+      return;
+    }
+    void renderTable();
+  });
+  useEffect(() => {
+    handleDocumentEvent(mostRecentUpdate);
+  }, [mostRecentUpdate]);
   const canCreate = allowCreate !== false && permissions?.collections?.[isPolymorphic ? relationTo[0] : relationTo]?.create;
   useEffect(() => {
     if (isPolymorphic && selectedCollection) {
@@ -201,59 +230,59 @@ export const RelationshipTable = props => {
     limit: field.defaultLimit ?? collectionConfig?.admin?.pagination?.defaultLimit,
     sort: field.defaultSort ?? collectionConfig?.defaultSort
   }), [columnState, field, collectionConfig]);
+  const addNewButton = /*#__PURE__*/_jsx(AddNewButton, {
+    allowCreate: allowCreate !== false,
+    baseClass: baseClass,
+    buttonStyle: "ghost",
+    className: `${baseClass}__add-new${isPolymorphic ? '-polymorphic' : ''}`,
+    collections: config.collections,
+    i18n: i18n,
+    label: i18n.t('fields:addNew'),
+    onClick: isPolymorphic ? setSelectedCollection : openDrawer,
+    permissions: permissions,
+    relationTo: relationTo
+  });
+  const columnsButton = /*#__PURE__*/_jsx(ListColumnSelectionButton, {
+    collectionSlug: collectionConfig?.slug
+  });
   return /*#__PURE__*/_jsxs("div", {
     className: baseClass,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__header`,
-      children: [Label, /*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__actions`,
-        children: [/*#__PURE__*/_jsx(AddNewButton, {
-          allowCreate: allowCreate !== false,
-          baseClass: baseClass,
-          buttonStyle: "ghost",
-          className: `${baseClass}__add-new${isPolymorphic ? '-polymorphic' : ''}`,
-          collections: config.collections,
-          i18n: i18n,
-          label: i18n.t('fields:addNew'),
-          onClick: isPolymorphic ? setSelectedCollection : openDrawer,
-          permissions: permissions,
-          relationTo: relationTo
-        }), /*#__PURE__*/_jsx(Button, {
-          buttonStyle: "secondary",
-          className: `${baseClass}__toggle-columns ${openColumnSelector ? `${baseClass}__buttons-active` : ''}`,
-          extraButtonProps: {
-            'aria-controls': `${baseClass}-columns`,
-            'aria-expanded': openColumnSelector
-          },
-          icon: /*#__PURE__*/_jsx(ChevronIcon, {
-            direction: openColumnSelector ? 'up' : 'down',
-            size: 16
-          }),
-          onClick: () => setOpenColumnSelector(!openColumnSelector),
-          size: "medium",
-          children: t('general:columns')
-        })]
+    children: [isLoadingTable ? /*#__PURE__*/_jsxs(Fragment, {
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__header`,
+        children: [Label, /*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__actions`,
+          children: addNewButton
+        }), Description]
+      }), BeforeInput, /*#__PURE__*/_jsx("p", {
+        children: t('general:loading')
       })]
-    }), BeforeInput, isLoadingTable ? /*#__PURE__*/_jsx("p", {
-      children: t('general:loading')
     }) : /*#__PURE__*/_jsxs(Fragment, {
-      children: [data?.docs && data.docs.length === 0 && /*#__PURE__*/_jsx(NoListResults, {
-        Actions: canCreate ? [/*#__PURE__*/_jsx(AddNewButton, {
-          allowCreate: canCreate,
-          baseClass: baseClass,
-          collections: config.collections,
-          i18n: i18n,
-          label: i18n.t('general:createNewLabel', {
-            label: isPolymorphic ? i18n.t('general:document') : getTranslation(collectionConfig?.labels?.singular, i18n)
+      children: [data?.docs && data.docs.length === 0 && /*#__PURE__*/_jsxs(Fragment, {
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__header`,
+          children: [Label, /*#__PURE__*/_jsx("div", {
+            className: `${baseClass}__actions`,
+            children: addNewButton
+          }), Description]
+        }), BeforeInput, /*#__PURE__*/_jsx(NoListResults, {
+          Actions: canCreate ? [/*#__PURE__*/_jsx(AddNewButton, {
+            allowCreate: canCreate,
+            baseClass: baseClass,
+            collections: config.collections,
+            i18n: i18n,
+            label: i18n.t('general:createNewLabel', {
+              label: isPolymorphic ? i18n.t('general:document') : getTranslation(collectionConfig?.labels?.singular, i18n)
+            }),
+            onClick: isPolymorphic ? setSelectedCollection : openDrawer,
+            permissions: permissions,
+            relationTo: relationTo
+          }, "create")] : [],
+          description: i18n.t('general:noResults', {
+            label: isPolymorphic ? i18n.t('general:documents') : getTranslation(collectionConfig?.labels?.plural, i18n)
           }),
-          onClick: isPolymorphic ? setSelectedCollection : openDrawer,
-          permissions: permissions,
-          relationTo: relationTo
-        }, "create")] : [],
-        description: i18n.t('general:noResults', {
-          label: isPolymorphic ? i18n.t('general:documents') : getTranslation(collectionConfig?.labels?.plural, i18n)
-        }),
-        title: i18n.t('general:noResultsFound')
+          title: i18n.t('general:noResultsFound')
+        })]
       }), data?.docs && data.docs.length > 0 && /*#__PURE__*/_jsx(RelationshipProvider, {
         children: /*#__PURE__*/_jsx(ListQueryProvider, {
           data: data,
@@ -268,17 +297,13 @@ export const RelationshipTable = props => {
               currentDrawerID: currentDrawerID,
               onDrawerOpen: onDrawerOpen
             }),
-            children: [/*#__PURE__*/_jsx(AnimateHeight, {
-              className: `${baseClass}__columns`,
-              height: openColumnSelector ? 'auto' : 0,
-              id: `${baseClass}-columns`,
-              children: /*#__PURE__*/_jsx("div", {
-                className: `${baseClass}__columns-inner`,
-                children: collectionConfig && /*#__PURE__*/_jsx(ColumnSelector, {
-                  collectionSlug: collectionConfig.slug
-                })
-              })
-            }), Table, /*#__PURE__*/_jsx(RelationshipTablePagination, {})]
+            children: [/*#__PURE__*/_jsxs("div", {
+              className: `${baseClass}__header`,
+              children: [Label, /*#__PURE__*/_jsxs("div", {
+                className: `${baseClass}__actions`,
+                children: [addNewButton, columnsButton]
+              }), Description]
+            }), BeforeInput, Table, /*#__PURE__*/_jsx(RelationshipTablePagination, {})]
           })
         })
       })]

package/dist/elements/RelationshipTable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","hoistQueryParamsToAnd","transformColumnsToPreferences","React","Fragment","useCallback","useEffect","useRef","useState","Button","useEffectEvent","ChevronIcon","useAuth","useConfig","ListQueryProvider","useServerFunctions","TableColumnsProvider","useTranslation","AnimateHeight","ColumnSelector","useDocumentDrawer","NoListResults","RelationshipProvider","AddNewButton","DrawerLink","RelationshipTablePagination","baseClass","RelationshipTable","props","AfterInput","allowCreate","BeforeInput","disableTable","field","fieldPath","filterOptions","initialData","initialDataFromProps","initialDrawerData","Label","parent","relationTo","Table","setTable","config","getEntityConfig","i18n","t","query","setQuery","openColumnSelector","setOpenColumnSelector","collectionConfig","collectionSlug","isPolymorphic","Array","isArray","selectedCollection","setSelectedCollection","undefined","permissions","openDrawerWhenRelationChanges","currentDrawerID","setCurrentDrawerID","DocumentDrawer","closeDrawer","isDrawerOpen","openDrawer","id","isLoadingTable","setIsLoadingTable","data","setData","docs","reduce","acc","doc","columnState","setColumnState","getTableState","renderTable","newQuery","limit","defaultLimit","admin","pagination","sort","defaultSort","where","defaultColumns","map","accessor","active","renderRowTypes","disableRowTypes","newData","state","newColumnState","NewTable","columns","enableRowSelections","orderableFieldName","orderable","collection","name","tableAppearance","handleTableRender","onDrawerSave","operation","foundDocIndex","findIndex","d","withNewOrUpdatedData","newDocs","onDrawerDelete","args","filter","onDrawerOpen","current","canCreate","collections","create","memoizedListQuery","useMemo","_jsxs","className","_jsx","buttonStyle","label","onClick","extraButtonProps","icon","direction","size","length","Actions","labels","singular","description","plural","title","modifySearchParams","onQueryChange","replaceAll","LinkedCellOverride","height","slug","onDelete","onSave"],"sources":["../../../src/elements/RelationshipTable/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  type CollectionSlug,\n  type Column,\n  type JoinFieldClient,\n  type ListQuery,\n  type PaginatedDocs,\n  type Where,\n} from 'payload'\nimport { hoistQueryParamsToAnd, transformColumnsToPreferences } from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { ListQueryProvider } from '../../providers/ListQuery/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { NoListResults } from '../NoListResults/index.js'\nimport { RelationshipProvider } from '../Table/RelationshipProvider/index.js'\nimport { AddNewButton } from './AddNewButton.js'\nimport { DrawerLink } from './cells/DrawerLink/index.js'\nimport { RelationshipTablePagination } from './Pagination.js'\nimport './index.css'\n\nconst baseClass = 'relationship-table'\n\ntype RelationshipTableComponentProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly allowCreate?: boolean\n  readonly BeforeInput?: React.ReactNode\n  readonly disableTable?: boolean\n  readonly field: JoinFieldClient\n  readonly fieldPath?: string\n  readonly filterOptions?: Where\n  readonly initialData?: PaginatedDocs\n  readonly initialDrawerData?: DocumentDrawerProps['initialData']\n  readonly Label?: React.ReactNode\n  readonly parent?: {\n    collectionSlug: CollectionSlug\n    id: number | string\n    joinPath: string\n  }\n  readonly relationTo: string | string[]\n}\n\nexport type OnDrawerOpen = (id?: string, collectionSlug?: string) => void\n\nexport const RelationshipTable: React.FC<RelationshipTableComponentProps> = (props) => {\n  const {\n    AfterInput,\n    allowCreate = true,\n    BeforeInput,\n    disableTable = false,\n    field,\n    fieldPath,\n    filterOptions,\n    initialData: initialDataFromProps,\n    initialDrawerData,\n    Label,\n    parent,\n    relationTo,\n  } = props\n  const [Table, setTable] = useState<React.ReactNode>(null)\n  const { config, getEntityConfig } = useConfig()\n  const { i18n, t } = useTranslation()\n\n  const [query, setQuery] = useState<ListQuery>()\n  const [openColumnSelector, setOpenColumnSelector] = useState(false)\n\n  const [collectionConfig] = useState(() => getEntityConfig({ collectionSlug: relationTo }))\n\n  const isPolymorphic = Array.isArray(relationTo)\n\n  const [selectedCollection, setSelectedCollection] = useState(\n    isPolymorphic ? undefined : relationTo,\n  )\n\n  const { permissions } = useAuth()\n\n  const openDrawerWhenRelationChanges = useRef(false)\n\n  const [currentDrawerID, setCurrentDrawerID] = useState<string | undefined>(undefined)\n\n  const [DocumentDrawer, , { closeDrawer, isDrawerOpen, openDrawer }] = useDocumentDrawer({\n    id: currentDrawerID,\n    collectionSlug: selectedCollection,\n  })\n\n  const [isLoadingTable, setIsLoadingTable] = useState(!disableTable)\n\n  const [data, setData] = useState<PaginatedDocs>(() =>\n    initialDataFromProps\n      ? {\n          ...initialDataFromProps,\n          docs: Array.isArray(initialDataFromProps.docs)\n            ? initialDataFromProps.docs.reduce((acc, doc) => {\n                if (typeof doc === 'string' || typeof doc === 'number') {\n                  return [\n                    ...acc,\n                    {\n                      id: doc,\n                    },\n                  ]\n                }\n\n                return [...acc, doc]\n              }, [])\n            : [],\n        }\n      : undefined,\n  )\n\n  const [columnState, setColumnState] = useState<Column[]>()\n\n  const { getTableState } = useServerFunctions()\n\n  const renderTable = useCallback(\n    async (data?: PaginatedDocs) => {\n      const newQuery: ListQuery = {\n        limit: field?.defaultLimit || collectionConfig?.admin?.pagination?.defaultLimit,\n        sort: field.defaultSort || collectionConfig?.defaultSort,\n        ...(query || {}),\n        where: { ...(query?.where || {}) },\n      }\n\n      if (filterOptions) {\n        newQuery.where = hoistQueryParamsToAnd(newQuery.where, filterOptions)\n      }\n\n      // map columns from string[] to CollectionPreferences['columns']\n      const defaultColumns = field.admin?.defaultColumns\n        ? field.admin.defaultColumns.map((accessor) => ({\n            accessor,\n            active: true,\n          }))\n        : undefined\n\n      const renderRowTypes =\n        typeof field.admin?.disableRowTypes === 'boolean'\n          ? !field.admin.disableRowTypes\n          : Array.isArray(relationTo)\n\n      const {\n        data: newData,\n        state: newColumnState,\n        Table: NewTable,\n      } = await getTableState({\n        collectionSlug: relationTo,\n        columns: transformColumnsToPreferences(query?.columns) || defaultColumns,\n        data,\n        enableRowSelections: false,\n        orderableFieldName:\n          !field.orderable || Array.isArray(field.collection)\n            ? undefined\n            : `_${field.collection}_${field.name}_order`,\n        parent,\n        query: newQuery,\n        renderRowTypes,\n        tableAppearance: 'condensed',\n      })\n\n      setData(newData)\n      setTable(NewTable)\n      setColumnState(newColumnState)\n      setIsLoadingTable(false)\n    },\n    [\n      field.defaultLimit,\n      field.defaultSort,\n      field.admin?.defaultColumns,\n      field.admin?.disableRowTypes,\n      field.collection,\n      field.name,\n      field.orderable,\n      collectionConfig?.admin?.pagination?.defaultLimit,\n      collectionConfig?.defaultSort,\n      query,\n      filterOptions,\n      getTableState,\n      relationTo,\n      parent,\n    ],\n  )\n\n  const handleTableRender = useEffectEvent((query: ListQuery, disableTable: boolean) => {\n    if (!disableTable && (!Table || query)) {\n      void renderTable()\n    }\n  })\n\n  useEffect(() => {\n    handleTableRender(query, disableTable)\n  }, [query, disableTable])\n\n  const onDrawerSave = useCallback<DocumentDrawerProps['onSave']>(\n    ({ doc, operation }) => {\n      if (operation === 'create') {\n        closeDrawer()\n      }\n\n      const foundDocIndex = data?.docs?.findIndex((d) => d.id === doc.id)\n      const withNewOrUpdatedData: PaginatedDocs = { docs: [] } as PaginatedDocs\n\n      if (foundDocIndex !== -1) {\n        const newDocs = [...data.docs]\n        newDocs[foundDocIndex] = doc\n        withNewOrUpdatedData.docs = newDocs\n      } else {\n        withNewOrUpdatedData.docs = [doc, ...data.docs]\n      }\n\n      void renderTable(withNewOrUpdatedData)\n    },\n    [data?.docs, renderTable, closeDrawer],\n  )\n\n  const onDrawerDelete = useCallback<DocumentDrawerProps['onDelete']>(\n    (args) => {\n      const newDocs = data.docs.filter((doc) => doc.id !== args.id)\n\n      void renderTable({\n        ...data,\n        docs: newDocs,\n      })\n\n      setCurrentDrawerID(undefined)\n    },\n    [data, renderTable],\n  )\n\n  const onDrawerOpen = useCallback<OnDrawerOpen>((id, collectionSlug) => {\n    openDrawerWhenRelationChanges.current = true\n\n    if (id) {\n      setCurrentDrawerID(id)\n    } else {\n      setCurrentDrawerID(undefined)\n    }\n\n    if (collectionSlug) {\n      setSelectedCollection(collectionSlug)\n    } else {\n      setSelectedCollection(undefined)\n    }\n  }, [])\n\n  useEffect(() => {\n    if (openDrawerWhenRelationChanges.current) {\n      openDrawerWhenRelationChanges.current = false\n      openDrawer()\n    }\n  }, [openDrawer])\n\n  useEffect(() => {\n    if (!isDrawerOpen) {\n      setCurrentDrawerID(undefined)\n    }\n  }, [isDrawerOpen])\n\n  const canCreate =\n    allowCreate !== false &&\n    permissions?.collections?.[isPolymorphic ? relationTo[0] : relationTo]?.create\n\n  useEffect(() => {\n    if (isPolymorphic && selectedCollection) {\n      openDrawer()\n    }\n  }, [selectedCollection, openDrawer, isPolymorphic])\n\n  useEffect(() => {\n    if (isPolymorphic && !isDrawerOpen && selectedCollection) {\n      setSelectedCollection(undefined)\n    }\n    // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isDrawerOpen])\n\n  const memoizedListQuery = React.useMemo(\n    () => ({\n      columns: transformColumnsToPreferences(columnState)?.map(({ accessor }) => accessor),\n      limit: field.defaultLimit ?? collectionConfig?.admin?.pagination?.defaultLimit,\n      sort: field.defaultSort ?? collectionConfig?.defaultSort,\n    }),\n    [columnState, field, collectionConfig],\n  )\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        {Label}\n        <div className={`${baseClass}__actions`}>\n          <AddNewButton\n            allowCreate={allowCreate !== false}\n            baseClass={baseClass}\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__add-new${isPolymorphic ? '-polymorphic' : ''}`}\n            collections={config.collections}\n            i18n={i18n}\n            label={i18n.t('fields:addNew')}\n            onClick={isPolymorphic ? setSelectedCollection : openDrawer}\n            permissions={permissions}\n            relationTo={relationTo}\n          />\n          <Button\n            buttonStyle=\"secondary\"\n            className={`${baseClass}__toggle-columns ${\n              openColumnSelector ? `${baseClass}__buttons-active` : ''\n            }`}\n            extraButtonProps={{\n              'aria-controls': `${baseClass}-columns`,\n              'aria-expanded': openColumnSelector,\n            }}\n            icon={<ChevronIcon direction={openColumnSelector ? 'up' : 'down'} size={16} />}\n            onClick={() => setOpenColumnSelector(!openColumnSelector)}\n            size=\"medium\"\n          >\n            {t('general:columns')}\n          </Button>\n        </div>\n      </div>\n      {BeforeInput}\n      {isLoadingTable ? (\n        <p>{t('general:loading')}</p>\n      ) : (\n        <Fragment>\n          {data?.docs && data.docs.length === 0 && (\n            <NoListResults\n              Actions={\n                canCreate\n                  ? [\n                      <AddNewButton\n                        allowCreate={canCreate}\n                        baseClass={baseClass}\n                        collections={config.collections}\n                        i18n={i18n}\n                        key=\"create\"\n                        label={i18n.t('general:createNewLabel', {\n                          label: isPolymorphic\n                            ? i18n.t('general:document')\n                            : getTranslation(collectionConfig?.labels?.singular, i18n),\n                        })}\n                        onClick={isPolymorphic ? setSelectedCollection : openDrawer}\n                        permissions={permissions}\n                        relationTo={relationTo}\n                      />,\n                    ]\n                  : []\n              }\n              description={i18n.t('general:noResults', {\n                label: isPolymorphic\n                  ? i18n.t('general:documents')\n                  : getTranslation(collectionConfig?.labels?.plural, i18n),\n              })}\n              title={i18n.t('general:noResultsFound')}\n            />\n          )}\n          {data?.docs && data.docs.length > 0 && (\n            <RelationshipProvider>\n              <ListQueryProvider\n                data={data}\n                modifySearchParams={false}\n                onQueryChange={setQuery}\n                orderableFieldName={\n                  !field.orderable || Array.isArray(field.collection)\n                    ? undefined\n                    : `_${field.collection}_${fieldPath.replaceAll('.', '_')}_order`\n                }\n                query={memoizedListQuery}\n              >\n                <TableColumnsProvider\n                  collectionSlug={isPolymorphic ? relationTo[0] : relationTo}\n                  columnState={columnState}\n                  LinkedCellOverride={\n                    <DrawerLink currentDrawerID={currentDrawerID} onDrawerOpen={onDrawerOpen} />\n                  }\n                >\n                  <AnimateHeight\n                    className={`${baseClass}__columns`}\n                    height={openColumnSelector ? 'auto' : 0}\n                    id={`${baseClass}-columns`}\n                  >\n                    <div className={`${baseClass}__columns-inner`}>\n                      {collectionConfig && (\n                        <ColumnSelector collectionSlug={collectionConfig.slug} />\n                      )}\n                    </div>\n                  </AnimateHeight>\n                  {Table}\n                  <RelationshipTablePagination />\n                </TableColumnsProvider>\n              </ListQueryProvider>\n            </RelationshipProvider>\n          )}\n        </Fragment>\n      )}\n      {AfterInput}\n      <DocumentDrawer\n        initialData={initialDrawerData}\n        onDelete={onDrawerDelete}\n        onSave={onDrawerSave}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","hoistQueryParamsToAnd","transformColumnsToPreferences","React","Fragment","useCallback","useEffect","useRef","useState","useEffectEvent","useAuth","useConfig","useDocumentEvents","ListQueryProvider","useServerFunctions","TableColumnsProvider","useTranslation","useDocumentDrawer","ListColumnSelectionButton","NoListResults","RelationshipProvider","AddNewButton","DrawerLink","RelationshipTablePagination","baseClass","RelationshipTable","props","AfterInput","allowCreate","BeforeInput","Description","disableTable","field","fieldPath","filterOptions","initialData","initialDataFromProps","initialDrawerData","Label","parent","relationTo","Table","setTable","config","getEntityConfig","i18n","t","query","setQuery","collectionConfig","collectionSlug","isPolymorphic","Array","isArray","selectedCollection","setSelectedCollection","undefined","permissions","openDrawerWhenRelationChanges","currentDrawerID","setCurrentDrawerID","DocumentDrawer","closeDrawer","isDrawerOpen","openDrawer","id","isLoadingTable","setIsLoadingTable","data","setData","docs","reduce","acc","doc","columnState","setColumnState","getTableState","renderTable","newQuery","limit","defaultLimit","admin","pagination","sort","defaultSort","where","defaultColumns","map","accessor","active","renderRowTypes","disableRowTypes","newData","state","newColumnState","NewTable","columns","enableRowSelections","orderableFieldName","orderable","collection","name","tableAppearance","handleTableRender","onDrawerSave","operation","foundDocIndex","findIndex","d","withNewOrUpdatedData","newDocs","onDrawerDelete","args","filter","onDrawerOpen","current","mostRecentUpdate","lastHandledEventRef","handleDocumentEvent","event","relationSlugs","includes","entitySlug","eventDocID","existingDoc","find","value","existingUpdatedAt","updatedAt","isAlreadyReflected","Boolean","canCreate","collections","create","memoizedListQuery","useMemo","addNewButton","_jsx","buttonStyle","className","label","onClick","columnsButton","slug","_jsxs","length","Actions","labels","singular","description","plural","title","modifySearchParams","onQueryChange","replaceAll","LinkedCellOverride","onDelete","onSave"],"sources":["../../../src/elements/RelationshipTable/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  type CollectionSlug,\n  type Column,\n  type DocumentEvent,\n  type JoinFieldClient,\n  type ListQuery,\n  type PaginatedDocs,\n  type Where,\n} from 'payload'\nimport { hoistQueryParamsToAnd, transformColumnsToPreferences } from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentEvents } from '../../providers/DocumentEvents/index.js'\nimport { ListQueryProvider } from '../../providers/ListQuery/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { ListColumnSelectionButton } from '../ListColumnSelectionButton/index.js'\nimport { NoListResults } from '../NoListResults/index.js'\nimport { RelationshipProvider } from '../Table/RelationshipProvider/index.js'\nimport { AddNewButton } from './AddNewButton.js'\nimport { DrawerLink } from './cells/DrawerLink/index.js'\nimport { RelationshipTablePagination } from './Pagination.js'\nimport './index.css'\n\nconst baseClass = 'relationship-table'\n\ntype RelationshipTableComponentProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly allowCreate?: boolean\n  readonly BeforeInput?: React.ReactNode\n  readonly Description?: React.ReactNode\n  readonly disableTable?: boolean\n  readonly field: JoinFieldClient\n  readonly fieldPath?: string\n  readonly filterOptions?: Where\n  readonly initialData?: PaginatedDocs\n  readonly initialDrawerData?: DocumentDrawerProps['initialData']\n  readonly Label?: React.ReactNode\n  readonly parent?: {\n    collectionSlug: CollectionSlug\n    id: number | string\n    joinPath: string\n  }\n  readonly relationTo: string | string[]\n}\n\nexport type OnDrawerOpen = (id?: string, collectionSlug?: string) => void\n\nexport const RelationshipTable: React.FC<RelationshipTableComponentProps> = (props) => {\n  const {\n    AfterInput,\n    allowCreate = true,\n    BeforeInput,\n    Description,\n    disableTable = false,\n    field,\n    fieldPath,\n    filterOptions,\n    initialData: initialDataFromProps,\n    initialDrawerData,\n    Label,\n    parent,\n    relationTo,\n  } = props\n  const [Table, setTable] = useState<React.ReactNode>(null)\n  const { config, getEntityConfig } = useConfig()\n  const { i18n, t } = useTranslation()\n\n  const [query, setQuery] = useState<ListQuery>()\n\n  const [collectionConfig] = useState(() => getEntityConfig({ collectionSlug: relationTo }))\n\n  const isPolymorphic = Array.isArray(relationTo)\n\n  const [selectedCollection, setSelectedCollection] = useState(\n    isPolymorphic ? undefined : relationTo,\n  )\n\n  const { permissions } = useAuth()\n\n  const openDrawerWhenRelationChanges = useRef(false)\n\n  const [currentDrawerID, setCurrentDrawerID] = useState<string | undefined>(undefined)\n\n  const [DocumentDrawer, , { closeDrawer, isDrawerOpen, openDrawer }] = useDocumentDrawer({\n    id: currentDrawerID,\n    collectionSlug: selectedCollection,\n  })\n\n  const [isLoadingTable, setIsLoadingTable] = useState(!disableTable)\n\n  const [data, setData] = useState<PaginatedDocs>(() =>\n    initialDataFromProps\n      ? {\n          ...initialDataFromProps,\n          docs: Array.isArray(initialDataFromProps.docs)\n            ? initialDataFromProps.docs.reduce((acc, doc) => {\n                if (typeof doc === 'string' || typeof doc === 'number') {\n                  return [\n                    ...acc,\n                    {\n                      id: doc,\n                    },\n                  ]\n                }\n\n                return [...acc, doc]\n              }, [])\n            : [],\n        }\n      : undefined,\n  )\n\n  const [columnState, setColumnState] = useState<Column[]>()\n\n  const { getTableState } = useServerFunctions()\n\n  const renderTable = useCallback(\n    async (data?: PaginatedDocs) => {\n      const newQuery: ListQuery = {\n        limit: field?.defaultLimit || collectionConfig?.admin?.pagination?.defaultLimit,\n        sort: field.defaultSort || collectionConfig?.defaultSort,\n        ...(query || {}),\n        where: { ...(query?.where || {}) },\n      }\n\n      if (filterOptions) {\n        newQuery.where = hoistQueryParamsToAnd(newQuery.where, filterOptions)\n      }\n\n      // map columns from string[] to CollectionPreferences['columns']\n      const defaultColumns = field.admin?.defaultColumns\n        ? field.admin.defaultColumns.map((accessor) => ({\n            accessor,\n            active: true,\n          }))\n        : undefined\n\n      const renderRowTypes =\n        typeof field.admin?.disableRowTypes === 'boolean'\n          ? !field.admin.disableRowTypes\n          : Array.isArray(relationTo)\n\n      const {\n        data: newData,\n        state: newColumnState,\n        Table: NewTable,\n      } = await getTableState({\n        collectionSlug: relationTo,\n        columns: transformColumnsToPreferences(query?.columns) || defaultColumns,\n        data,\n        enableRowSelections: false,\n        orderableFieldName:\n          !field.orderable || Array.isArray(field.collection)\n            ? undefined\n            : `_${field.collection}_${field.name}_order`,\n        parent,\n        query: newQuery,\n        renderRowTypes,\n        tableAppearance: 'condensed',\n      })\n\n      setData(newData)\n      setTable(NewTable)\n      setColumnState(newColumnState)\n      setIsLoadingTable(false)\n    },\n    [\n      field.defaultLimit,\n      field.defaultSort,\n      field.admin?.defaultColumns,\n      field.admin?.disableRowTypes,\n      field.collection,\n      field.name,\n      field.orderable,\n      collectionConfig?.admin?.pagination?.defaultLimit,\n      collectionConfig?.defaultSort,\n      query,\n      filterOptions,\n      getTableState,\n      relationTo,\n      parent,\n    ],\n  )\n\n  const handleTableRender = useEffectEvent((query: ListQuery, disableTable: boolean) => {\n    if (!disableTable && (!Table || query)) {\n      void renderTable()\n    }\n  })\n\n  useEffect(() => {\n    handleTableRender(query, disableTable)\n  }, [query, disableTable])\n\n  const onDrawerSave = useCallback<DocumentDrawerProps['onSave']>(\n    ({ doc, operation }) => {\n      if (operation === 'create') {\n        closeDrawer()\n      }\n\n      const foundDocIndex = data?.docs?.findIndex((d) => d.id === doc.id)\n      const withNewOrUpdatedData: PaginatedDocs = { docs: [] } as PaginatedDocs\n\n      if (foundDocIndex !== -1) {\n        const newDocs = [...data.docs]\n        newDocs[foundDocIndex] = doc\n        withNewOrUpdatedData.docs = newDocs\n      } else {\n        withNewOrUpdatedData.docs = [doc, ...data.docs]\n      }\n\n      void renderTable(withNewOrUpdatedData)\n    },\n    [data?.docs, renderTable, closeDrawer],\n  )\n\n  const onDrawerDelete = useCallback<DocumentDrawerProps['onDelete']>(\n    (args) => {\n      const newDocs = data.docs.filter((doc) => doc.id !== args.id)\n\n      void renderTable({\n        ...data,\n        docs: newDocs,\n      })\n\n      setCurrentDrawerID(undefined)\n    },\n    [data, renderTable],\n  )\n\n  const onDrawerOpen = useCallback<OnDrawerOpen>((id, collectionSlug) => {\n    openDrawerWhenRelationChanges.current = true\n\n    if (id) {\n      setCurrentDrawerID(id)\n    } else {\n      setCurrentDrawerID(undefined)\n    }\n\n    if (collectionSlug) {\n      setSelectedCollection(collectionSlug)\n    } else {\n      setSelectedCollection(undefined)\n    }\n  }, [])\n\n  useEffect(() => {\n    if (openDrawerWhenRelationChanges.current) {\n      openDrawerWhenRelationChanges.current = false\n      openDrawer()\n    }\n  }, [openDrawer])\n\n  useEffect(() => {\n    if (!isDrawerOpen) {\n      setCurrentDrawerID(undefined)\n    }\n  }, [isDrawerOpen])\n\n  // Keep this table in sync with documents created, updated, or deleted elsewhere\n  // (a sibling join table, the relationship field, or an inline drawer edit).\n  const { mostRecentUpdate } = useDocumentEvents()\n  const lastHandledEventRef = useRef<DocumentEvent | null>(null)\n\n  const handleDocumentEvent = useEffectEvent((event: DocumentEvent | null) => {\n    if (disableTable || !event || event === lastHandledEventRef.current) {\n      return\n    }\n\n    const relationSlugs = Array.isArray(relationTo) ? relationTo : [relationTo]\n\n    if (!relationSlugs.includes(event.entitySlug)) {\n      return\n    }\n\n    lastHandledEventRef.current = event\n\n    // Skip the refetch when the current data already reflects this event — e.g. this\n    // table's own drawer already applied it optimistically via onDrawerSave/onDrawerDelete,\n    // or a fresh mount already loaded data that includes it. Otherwise saving/deleting from\n    // this table's own drawer (which also emits a matching event) would render a second time.\n    const eventDocID = event.doc?.id ?? event.id\n\n    const existingDoc = isPolymorphic\n      ? data?.docs?.find(\n          (doc) => doc.relationTo === event.entitySlug && doc.value?.id === eventDocID,\n        )\n      : data?.docs?.find((doc) => doc.id === eventDocID)\n\n    const existingUpdatedAt = isPolymorphic ? existingDoc?.value?.updatedAt : existingDoc?.updatedAt\n\n    const isAlreadyReflected =\n      event.operation === 'delete'\n        ? !existingDoc\n        : Boolean(existingDoc) && existingUpdatedAt === event.updatedAt\n\n    if (isAlreadyReflected) {\n      return\n    }\n\n    void renderTable()\n  })\n\n  useEffect(() => {\n    handleDocumentEvent(mostRecentUpdate)\n  }, [mostRecentUpdate])\n\n  const canCreate =\n    allowCreate !== false &&\n    permissions?.collections?.[isPolymorphic ? relationTo[0] : relationTo]?.create\n\n  useEffect(() => {\n    if (isPolymorphic && selectedCollection) {\n      openDrawer()\n    }\n  }, [selectedCollection, openDrawer, isPolymorphic])\n\n  useEffect(() => {\n    if (isPolymorphic && !isDrawerOpen && selectedCollection) {\n      setSelectedCollection(undefined)\n    }\n    // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isDrawerOpen])\n\n  const memoizedListQuery = React.useMemo(\n    () => ({\n      columns: transformColumnsToPreferences(columnState)?.map(({ accessor }) => accessor),\n      limit: field.defaultLimit ?? collectionConfig?.admin?.pagination?.defaultLimit,\n      sort: field.defaultSort ?? collectionConfig?.defaultSort,\n    }),\n    [columnState, field, collectionConfig],\n  )\n\n  const addNewButton = (\n    <AddNewButton\n      allowCreate={allowCreate !== false}\n      baseClass={baseClass}\n      buttonStyle=\"ghost\"\n      className={`${baseClass}__add-new${isPolymorphic ? '-polymorphic' : ''}`}\n      collections={config.collections}\n      i18n={i18n}\n      label={i18n.t('fields:addNew')}\n      onClick={isPolymorphic ? setSelectedCollection : openDrawer}\n      permissions={permissions}\n      relationTo={relationTo}\n    />\n  )\n\n  const columnsButton = <ListColumnSelectionButton collectionSlug={collectionConfig?.slug} />\n\n  return (\n    <div className={baseClass}>\n      {isLoadingTable ? (\n        <Fragment>\n          <div className={`${baseClass}__header`}>\n            {Label}\n            <div className={`${baseClass}__actions`}>{addNewButton}</div>\n            {Description}\n          </div>\n          {BeforeInput}\n          <p>{t('general:loading')}</p>\n        </Fragment>\n      ) : (\n        <Fragment>\n          {data?.docs && data.docs.length === 0 && (\n            <Fragment>\n              <div className={`${baseClass}__header`}>\n                {Label}\n                <div className={`${baseClass}__actions`}>{addNewButton}</div>\n                {Description}\n              </div>\n              {BeforeInput}\n              <NoListResults\n                Actions={\n                  canCreate\n                    ? [\n                        <AddNewButton\n                          allowCreate={canCreate}\n                          baseClass={baseClass}\n                          collections={config.collections}\n                          i18n={i18n}\n                          key=\"create\"\n                          label={i18n.t('general:createNewLabel', {\n                            label: isPolymorphic\n                              ? i18n.t('general:document')\n                              : getTranslation(collectionConfig?.labels?.singular, i18n),\n                          })}\n                          onClick={isPolymorphic ? setSelectedCollection : openDrawer}\n                          permissions={permissions}\n                          relationTo={relationTo}\n                        />,\n                      ]\n                    : []\n                }\n                description={i18n.t('general:noResults', {\n                  label: isPolymorphic\n                    ? i18n.t('general:documents')\n                    : getTranslation(collectionConfig?.labels?.plural, i18n),\n                })}\n                title={i18n.t('general:noResultsFound')}\n              />\n            </Fragment>\n          )}\n          {data?.docs && data.docs.length > 0 && (\n            <RelationshipProvider>\n              <ListQueryProvider\n                data={data}\n                modifySearchParams={false}\n                onQueryChange={setQuery}\n                orderableFieldName={\n                  !field.orderable || Array.isArray(field.collection)\n                    ? undefined\n                    : `_${field.collection}_${fieldPath.replaceAll('.', '_')}_order`\n                }\n                query={memoizedListQuery}\n              >\n                <TableColumnsProvider\n                  collectionSlug={isPolymorphic ? relationTo[0] : relationTo}\n                  columnState={columnState}\n                  LinkedCellOverride={\n                    <DrawerLink currentDrawerID={currentDrawerID} onDrawerOpen={onDrawerOpen} />\n                  }\n                >\n                  <div className={`${baseClass}__header`}>\n                    {Label}\n                    <div className={`${baseClass}__actions`}>\n                      {addNewButton}\n                      {columnsButton}\n                    </div>\n                    {Description}\n                  </div>\n                  {BeforeInput}\n                  {Table}\n                  <RelationshipTablePagination />\n                </TableColumnsProvider>\n              </ListQueryProvider>\n            </RelationshipProvider>\n          )}\n        </Fragment>\n      )}\n      {AfterInput}\n      <DocumentDrawer\n        initialData={initialDrawerData}\n        onDelete={onDrawerDelete}\n        onSave={onDrawerSave}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAU/B,SAASC,qBAAqB,EAAEC,6BAA6B,QAAQ;AACrE,OAAOC,KAAA,IAASC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAI1E,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,aAAa,QAAQ;AAC9B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,YAAY,QAAQ;AAC7B,SAASC,UAAU,QAAQ;AAC3B,SAASC,2BAA2B,QAAQ;AAC5C,OAAO;AAEP,MAAMC,SAAA,GAAY;AAwBlB,OAAO,MAAMC,iBAAA,GAAgEC,KAAA;EAC3E,MAAM;IACJC,UAAU;IACVC,WAAA,GAAc,IAAI;IAClBC,WAAW;IACXC,WAAW;IACXC,YAAA,GAAe,KAAK;IACpBC,KAAK;IACLC,SAAS;IACTC,aAAa;IACbC,WAAA,EAAaC,oBAAoB;IACjCC,iBAAiB;IACjBC,KAAK;IACLC,MAAM;IACNC;EAAU,CACX,GAAGd,KAAA;EACJ,MAAM,CAACe,KAAA,EAAOC,QAAA,CAAS,GAAGlC,QAAA,CAA0B;EACpD,MAAM;IAAEmC,MAAM;IAAEC;EAAe,CAAE,GAAGjC,SAAA;EACpC,MAAM;IAAEkC,IAAI;IAAEC;EAAC,CAAE,GAAG9B,cAAA;EAEpB,MAAM,CAAC+B,KAAA,EAAOC,QAAA,CAAS,GAAGxC,QAAA;EAE1B,MAAM,CAACyC,gBAAA,CAAiB,GAAGzC,QAAA,CAAS,MAAMoC,eAAA,CAAgB;IAAEM,cAAA,EAAgBV;EAAW;EAEvF,MAAMW,aAAA,GAAgBC,KAAA,CAAMC,OAAO,CAACb,UAAA;EAEpC,MAAM,CAACc,kBAAA,EAAoBC,qBAAA,CAAsB,GAAG/C,QAAA,CAClD2C,aAAA,GAAgBK,SAAA,GAAYhB,UAAA;EAG9B,MAAM;IAAEiB;EAAW,CAAE,GAAG/C,OAAA;EAExB,MAAMgD,6BAAA,GAAgCnD,MAAA,CAAO;EAE7C,MAAM,CAACoD,eAAA,EAAiBC,kBAAA,CAAmB,GAAGpD,QAAA,CAA6BgD,SAAA;EAE3E,MAAM,CAACK,cAAA,GAAkB;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EAAU,CAAE,CAAC,GAAG/C,iBAAA,CAAkB;IACtFgD,EAAA,EAAIN,eAAA;IACJT,cAAA,EAAgBI;EAClB;EAEA,MAAM,CAACY,cAAA,EAAgBC,iBAAA,CAAkB,GAAG3D,QAAA,CAAS,CAACuB,YAAA;EAEtD,MAAM,CAACqC,IAAA,EAAMC,OAAA,CAAQ,GAAG7D,QAAA,CAAwB,MAC9C4B,oBAAA,GACI;IACE,GAAGA,oBAAoB;IACvBkC,IAAA,EAAMlB,KAAA,CAAMC,OAAO,CAACjB,oBAAA,CAAqBkC,IAAI,IACzClC,oBAAA,CAAqBkC,IAAI,CAACC,MAAM,CAAC,CAACC,GAAA,EAAKC,GAAA;MACrC,IAAI,OAAOA,GAAA,KAAQ,YAAY,OAAOA,GAAA,KAAQ,UAAU;QACtD,OAAO,C,GACFD,GAAA,EACH;UACEP,EAAA,EAAIQ;QACN,EACD;MACH;MAEA,OAAO,C,GAAID,GAAA,EAAKC,GAAA,CAAI;IACtB,GAAG,EAAE,IACL;EACN,IACAjB,SAAA;EAGN,MAAM,CAACkB,WAAA,EAAaC,cAAA,CAAe,GAAGnE,QAAA;EAEtC,MAAM;IAAEoE;EAAa,CAAE,GAAG9D,kBAAA;EAE1B,MAAM+D,WAAA,GAAcxE,WAAA,CAClB,MAAO+D,IAAA;IACL,MAAMU,QAAA,GAAsB;MAC1BC,KAAA,EAAO/C,KAAA,EAAOgD,YAAA,IAAgB/B,gBAAA,EAAkBgC,KAAA,EAAOC,UAAA,EAAYF,YAAA;MACnEG,IAAA,EAAMnD,KAAA,CAAMoD,WAAW,IAAInC,gBAAA,EAAkBmC,WAAA;MAC7C,IAAIrC,KAAA,IAAS,CAAC,CAAC;MACfsC,KAAA,EAAO;QAAE,IAAItC,KAAA,EAAOsC,KAAA,IAAS,CAAC,CAAC;MAAE;IACnC;IAEA,IAAInD,aAAA,EAAe;MACjB4C,QAAA,CAASO,KAAK,GAAGpF,qBAAA,CAAsB6E,QAAA,CAASO,KAAK,EAAEnD,aAAA;IACzD;IAEA;IACA,MAAMoD,cAAA,GAAiBtD,KAAA,CAAMiD,KAAK,EAAEK,cAAA,GAChCtD,KAAA,CAAMiD,KAAK,CAACK,cAAc,CAACC,GAAG,CAAEC,QAAA,KAAc;MAC5CA,QAAA;MACAC,MAAA,EAAQ;IACV,MACAjC,SAAA;IAEJ,MAAMkC,cAAA,GACJ,OAAO1D,KAAA,CAAMiD,KAAK,EAAEU,eAAA,KAAoB,YACpC,CAAC3D,KAAA,CAAMiD,KAAK,CAACU,eAAe,GAC5BvC,KAAA,CAAMC,OAAO,CAACb,UAAA;IAEpB,MAAM;MACJ4B,IAAA,EAAMwB,OAAO;MACbC,KAAA,EAAOC,cAAc;MACrBrD,KAAA,EAAOsD;IAAQ,CAChB,GAAG,MAAMnB,aAAA,CAAc;MACtB1B,cAAA,EAAgBV,UAAA;MAChBwD,OAAA,EAAS9F,6BAAA,CAA8B6C,KAAA,EAAOiD,OAAA,KAAYV,cAAA;MAC1DlB,IAAA;MACA6B,mBAAA,EAAqB;MACrBC,kBAAA,EACE,CAAClE,KAAA,CAAMmE,SAAS,IAAI/C,KAAA,CAAMC,OAAO,CAACrB,KAAA,CAAMoE,UAAU,IAC9C5C,SAAA,GACA,IAAIxB,KAAA,CAAMoE,UAAU,IAAIpE,KAAA,CAAMqE,IAAI,QAAQ;MAChD9D,MAAA;MACAQ,KAAA,EAAO+B,QAAA;MACPY,cAAA;MACAY,eAAA,EAAiB;IACnB;IAEAjC,OAAA,CAAQuB,OAAA;IACRlD,QAAA,CAASqD,QAAA;IACTpB,cAAA,CAAemB,cAAA;IACf3B,iBAAA,CAAkB;EACpB,GACA,CACEnC,KAAA,CAAMgD,YAAY,EAClBhD,KAAA,CAAMoD,WAAW,EACjBpD,KAAA,CAAMiD,KAAK,EAAEK,cAAA,EACbtD,KAAA,CAAMiD,KAAK,EAAEU,eAAA,EACb3D,KAAA,CAAMoE,UAAU,EAChBpE,KAAA,CAAMqE,IAAI,EACVrE,KAAA,CAAMmE,SAAS,EACflD,gBAAA,EAAkBgC,KAAA,EAAOC,UAAA,EAAYF,YAAA,EACrC/B,gBAAA,EAAkBmC,WAAA,EAClBrC,KAAA,EACAb,aAAA,EACA0C,aAAA,EACApC,UAAA,EACAD,MAAA,CACD;EAGH,MAAMgE,iBAAA,GAAoB9F,cAAA,CAAe,CAACsC,KAAA,EAAkBhB,YAAA;IAC1D,IAAI,CAACA,YAAA,KAAiB,CAACU,KAAA,IAASM,KAAI,GAAI;MACtC,KAAK8B,WAAA;IACP;EACF;EAEAvE,SAAA,CAAU;IACRiG,iBAAA,CAAkBxD,KAAA,EAAOhB,YAAA;EAC3B,GAAG,CAACgB,KAAA,EAAOhB,YAAA,CAAa;EAExB,MAAMyE,YAAA,GAAenG,WAAA,CACnB,CAAC;IAAEoE,GAAG;IAAEgC;EAAS,CAAE;IACjB,IAAIA,SAAA,KAAc,UAAU;MAC1B3C,WAAA;IACF;IAEA,MAAM4C,aAAA,GAAgBtC,IAAA,EAAME,IAAA,EAAMqC,SAAA,CAAWC,CAAA,IAAMA,CAAA,CAAE3C,EAAE,KAAKQ,GAAA,CAAIR,EAAE;IAClE,MAAM4C,oBAAA,GAAsC;MAAEvC,IAAA,EAAM;IAAG;IAEvD,IAAIoC,aAAA,KAAkB,CAAC,GAAG;MACxB,MAAMI,OAAA,GAAU,C,GAAI1C,IAAA,CAAKE,IAAI,CAAC;MAC9BwC,OAAO,CAACJ,aAAA,CAAc,GAAGjC,GAAA;MACzBoC,oBAAA,CAAqBvC,IAAI,GAAGwC,OAAA;IAC9B,OAAO;MACLD,oBAAA,CAAqBvC,IAAI,GAAG,CAACG,GAAA,E,GAAQL,IAAA,CAAKE,IAAI,CAAC;IACjD;IAEA,KAAKO,WAAA,CAAYgC,oBAAA;EACnB,GACA,CAACzC,IAAA,EAAME,IAAA,EAAMO,WAAA,EAAaf,WAAA,CAAY;EAGxC,MAAMiD,cAAA,GAAiB1G,WAAA,CACpB2G,IAAA;IACC,MAAMF,OAAA,GAAU1C,IAAA,CAAKE,IAAI,CAAC2C,MAAM,CAAExC,GAAA,IAAQA,GAAA,CAAIR,EAAE,KAAK+C,IAAA,CAAK/C,EAAE;IAE5D,KAAKY,WAAA,CAAY;MACf,GAAGT,IAAI;MACPE,IAAA,EAAMwC;IACR;IAEAlD,kBAAA,CAAmBJ,SAAA;EACrB,GACA,CAACY,IAAA,EAAMS,WAAA,CAAY;EAGrB,MAAMqC,YAAA,GAAe7G,WAAA,CAA0B,CAAC4D,EAAA,EAAIf,cAAA;IAClDQ,6BAAA,CAA8ByD,OAAO,GAAG;IAExC,IAAIlD,EAAA,EAAI;MACNL,kBAAA,CAAmBK,EAAA;IACrB,OAAO;MACLL,kBAAA,CAAmBJ,SAAA;IACrB;IAEA,IAAIN,cAAA,EAAgB;MAClBK,qBAAA,CAAsBL,cAAA;IACxB,OAAO;MACLK,qBAAA,CAAsBC,SAAA;IACxB;EACF,GAAG,EAAE;EAELlD,SAAA,CAAU;IACR,IAAIoD,6BAAA,CAA8ByD,OAAO,EAAE;MACzCzD,6BAAA,CAA8ByD,OAAO,GAAG;MACxCnD,UAAA;IACF;EACF,GAAG,CAACA,UAAA,CAAW;EAEf1D,SAAA,CAAU;IACR,IAAI,CAACyD,YAAA,EAAc;MACjBH,kBAAA,CAAmBJ,SAAA;IACrB;EACF,GAAG,CAACO,YAAA,CAAa;EAEjB;EACA;EACA,MAAM;IAAEqD;EAAgB,CAAE,GAAGxG,iBAAA;EAC7B,MAAMyG,mBAAA,GAAsB9G,MAAA,CAA6B;EAEzD,MAAM+G,mBAAA,GAAsB7G,cAAA,CAAgB8G,KAAA;IAC1C,IAAIxF,YAAA,IAAgB,CAACwF,KAAA,IAASA,KAAA,KAAUF,mBAAA,CAAoBF,OAAO,EAAE;MACnE;IACF;IAEA,MAAMK,aAAA,GAAgBpE,KAAA,CAAMC,OAAO,CAACb,UAAA,IAAcA,UAAA,GAAa,CAACA,UAAA,CAAW;IAE3E,IAAI,CAACgF,aAAA,CAAcC,QAAQ,CAACF,KAAA,CAAMG,UAAU,GAAG;MAC7C;IACF;IAEAL,mBAAA,CAAoBF,OAAO,GAAGI,KAAA;IAE9B;IACA;IACA;IACA;IACA,MAAMI,UAAA,GAAaJ,KAAA,CAAM9C,GAAG,EAAER,EAAA,IAAMsD,KAAA,CAAMtD,EAAE;IAE5C,MAAM2D,WAAA,GAAczE,aAAA,GAChBiB,IAAA,EAAME,IAAA,EAAMuD,IAAA,CACTpD,GAAA,IAAQA,GAAA,CAAIjC,UAAU,KAAK+E,KAAA,CAAMG,UAAU,IAAIjD,GAAA,CAAIqD,KAAK,EAAE7D,EAAA,KAAO0D,UAAA,IAEpEvD,IAAA,EAAME,IAAA,EAAMuD,IAAA,CAAMpD,GAAA,IAAQA,GAAA,CAAIR,EAAE,KAAK0D,UAAA;IAEzC,MAAMI,iBAAA,GAAoB5E,aAAA,GAAgByE,WAAA,EAAaE,KAAA,EAAOE,SAAA,GAAYJ,WAAA,EAAaI,SAAA;IAEvF,MAAMC,kBAAA,GACJV,KAAA,CAAMd,SAAS,KAAK,WAChB,CAACmB,WAAA,GACDM,OAAA,CAAQN,WAAA,KAAgBG,iBAAA,KAAsBR,KAAA,CAAMS,SAAS;IAEnE,IAAIC,kBAAA,EAAoB;MACtB;IACF;IAEA,KAAKpD,WAAA;EACP;EAEAvE,SAAA,CAAU;IACRgH,mBAAA,CAAoBF,gBAAA;EACtB,GAAG,CAACA,gBAAA,CAAiB;EAErB,MAAMe,SAAA,GACJvG,WAAA,KAAgB,SAChB6B,WAAA,EAAa2E,WAAA,GAAcjF,aAAA,GAAgBX,UAAU,CAAC,EAAE,GAAGA,UAAA,CAAW,EAAE6F,MAAA;EAE1E/H,SAAA,CAAU;IACR,IAAI6C,aAAA,IAAiBG,kBAAA,EAAoB;MACvCU,UAAA;IACF;EACF,GAAG,CAACV,kBAAA,EAAoBU,UAAA,EAAYb,aAAA,CAAc;EAElD7C,SAAA,CAAU;IACR,IAAI6C,aAAA,IAAiB,CAACY,YAAA,IAAgBT,kBAAA,EAAoB;MACxDC,qBAAA,CAAsBC,SAAA;IACxB;IACA;IACA;EACF,GAAG,CAACO,YAAA,CAAa;EAEjB,MAAMuE,iBAAA,GAAoBnI,KAAA,CAAMoI,OAAO,CACrC,OAAO;IACLvC,OAAA,EAAS9F,6BAAA,CAA8BwE,WAAA,GAAca,GAAA,CAAI,CAAC;MAAEC;IAAQ,CAAE,KAAKA,QAAA;IAC3ET,KAAA,EAAO/C,KAAA,CAAMgD,YAAY,IAAI/B,gBAAA,EAAkBgC,KAAA,EAAOC,UAAA,EAAYF,YAAA;IAClEG,IAAA,EAAMnD,KAAA,CAAMoD,WAAW,IAAInC,gBAAA,EAAkBmC;EAC/C,IACA,CAACV,WAAA,EAAa1C,KAAA,EAAOiB,gBAAA,CAAiB;EAGxC,MAAMuF,YAAA,gBACJC,IAAA,CAACpH,YAAA;IACCO,WAAA,EAAaA,WAAA,KAAgB;IAC7BJ,SAAA,EAAWA,SAAA;IACXkH,WAAA,EAAY;IACZC,SAAA,EAAW,GAAGnH,SAAA,YAAqB2B,aAAA,GAAgB,iBAAiB,IAAI;IACxEiF,WAAA,EAAazF,MAAA,CAAOyF,WAAW;IAC/BvF,IAAA,EAAMA,IAAA;IACN+F,KAAA,EAAO/F,IAAA,CAAKC,CAAC,CAAC;IACd+F,OAAA,EAAS1F,aAAA,GAAgBI,qBAAA,GAAwBS,UAAA;IACjDP,WAAA,EAAaA,WAAA;IACbjB,UAAA,EAAYA;;EAIhB,MAAMsG,aAAA,gBAAgBL,IAAA,CAACvH,yBAAA;IAA0BgC,cAAA,EAAgBD,gBAAA,EAAkB8F;;EAEnF,oBACEC,KAAA,CAAC;IAAIL,SAAA,EAAWnH,SAAA;eACb0C,cAAA,gBACC8E,KAAA,CAAC5I,QAAA;8BACC4I,KAAA,CAAC;QAAIL,SAAA,EAAW,GAAGnH,SAAA,UAAmB;mBACnCc,KAAA,E,aACDmG,IAAA,CAAC;UAAIE,SAAA,EAAW,GAAGnH,SAAA,WAAoB;oBAAGgH;YACzC1G,WAAA;UAEFD,WAAA,E,aACD4G,IAAA,CAAC;kBAAG3F,CAAA,CAAE;;sBAGRkG,KAAA,CAAC5I,QAAA;iBACEgE,IAAA,EAAME,IAAA,IAAQF,IAAA,CAAKE,IAAI,CAAC2E,MAAM,KAAK,kBAClCD,KAAA,CAAC5I,QAAA;gCACC4I,KAAA,CAAC;UAAIL,SAAA,EAAW,GAAGnH,SAAA,UAAmB;qBACnCc,KAAA,E,aACDmG,IAAA,CAAC;YAAIE,SAAA,EAAW,GAAGnH,SAAA,WAAoB;sBAAGgH;cACzC1G,WAAA;YAEFD,WAAA,E,aACD4G,IAAA,CAACtH,aAAA;UACC+H,OAAA,EACEf,SAAA,GACI,C,aACEM,IAAA,CAACpH,YAAA;YACCO,WAAA,EAAauG,SAAA;YACb3G,SAAA,EAAWA,SAAA;YACX4G,WAAA,EAAazF,MAAA,CAAOyF,WAAW;YAC/BvF,IAAA,EAAMA,IAAA;YAEN+F,KAAA,EAAO/F,IAAA,CAAKC,CAAC,CAAC,0BAA0B;cACtC8F,KAAA,EAAOzF,aAAA,GACHN,IAAA,CAAKC,CAAC,CAAC,sBACP9C,cAAA,CAAeiD,gBAAA,EAAkBkG,MAAA,EAAQC,QAAA,EAAUvG,IAAA;YACzD;YACAgG,OAAA,EAAS1F,aAAA,GAAgBI,qBAAA,GAAwBS,UAAA;YACjDP,WAAA,EAAaA,WAAA;YACbjB,UAAA,EAAYA;aARR,UAUP,GACD,EAAE;UAER6G,WAAA,EAAaxG,IAAA,CAAKC,CAAC,CAAC,qBAAqB;YACvC8F,KAAA,EAAOzF,aAAA,GACHN,IAAA,CAAKC,CAAC,CAAC,uBACP9C,cAAA,CAAeiD,gBAAA,EAAkBkG,MAAA,EAAQG,MAAA,EAAQzG,IAAA;UACvD;UACA0G,KAAA,EAAO1G,IAAA,CAAKC,CAAC,CAAC;;UAInBsB,IAAA,EAAME,IAAA,IAAQF,IAAA,CAAKE,IAAI,CAAC2E,MAAM,GAAG,kBAChCR,IAAA,CAACrH,oBAAA;kBACC,aAAAqH,IAAA,CAAC5H,iBAAA;UACCuD,IAAA,EAAMA,IAAA;UACNoF,kBAAA,EAAoB;UACpBC,aAAA,EAAezG,QAAA;UACfkD,kBAAA,EACE,CAAClE,KAAA,CAAMmE,SAAS,IAAI/C,KAAA,CAAMC,OAAO,CAACrB,KAAA,CAAMoE,UAAU,IAC9C5C,SAAA,GACA,IAAIxB,KAAA,CAAMoE,UAAU,IAAInE,SAAA,CAAUyH,UAAU,CAAC,KAAK,YAAY;UAEpE3G,KAAA,EAAOuF,iBAAA;oBAEP,aAAAU,KAAA,CAACjI,oBAAA;YACCmC,cAAA,EAAgBC,aAAA,GAAgBX,UAAU,CAAC,EAAE,GAAGA,UAAA;YAChDkC,WAAA,EAAaA,WAAA;YACbiF,kBAAA,eACElB,IAAA,CAACnH,UAAA;cAAWqC,eAAA,EAAiBA,eAAA;cAAiBuD,YAAA,EAAcA;;oCAG9D8B,KAAA,CAAC;cAAIL,SAAA,EAAW,GAAGnH,SAAA,UAAmB;yBACnCc,KAAA,E,aACD0G,KAAA,CAAC;gBAAIL,SAAA,EAAW,GAAGnH,SAAA,WAAoB;2BACpCgH,YAAA,EACAM,aAAA;kBAEFhH,WAAA;gBAEFD,WAAA,EACAY,KAAA,E,aACDgG,IAAA,CAAClH,2BAAA;;;;QAOZI,UAAA,E,aACD8G,IAAA,CAAC5E,cAAA;MACC1B,WAAA,EAAaE,iBAAA;MACbuH,QAAA,EAAU7C,cAAA;MACV8C,MAAA,EAAQrD;;;AAIhB","ignoreList":[]}

package/dist/elements/RenderServerComponent/clientOnly.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentRenderer } from 'payload';
+/**
+ * Client-only component renderer for non-RSC frameworks.
+ * All components are treated as client components - serverProps are never passed.
+ * Use this when the framework doesn't support React Server Components.
+ */
+export declare const RenderClientComponent: ComponentRenderer;
+//# sourceMappingURL=clientOnly.d.ts.map

package/dist/elements/RenderServerComponent/clientOnly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientOnly.d.ts","sourceRoot":"","sources":["../../../src/elements/RenderServerComponent/clientOnly.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAOhD;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,iBAgDnC,CAAA"}

package/dist/elements/RenderServerComponent/clientOnly.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getFromImportMap, isPlainObject } from 'payload/shared';
+import React from 'react';
+import { removeUndefined } from '../../utilities/removeUndefined.js';
+/**
+ * Client-only component renderer for non-RSC frameworks.
+ * All components are treated as client components - serverProps are never passed.
+ * Use this when the framework doesn't support React Server Components.
+ */
+export const RenderClientComponent = ({
+  clientProps = {},
+  Component,
+  Fallback,
+  importMap,
+  key
+}) => {
+  if (Array.isArray(Component)) {
+    return Component.map((c, index) => RenderClientComponent({
+      clientProps,
+      Component: c,
+      importMap,
+      key: index
+    }));
+  }
+  if (typeof Component === 'function') {
+    const sanitizedProps = removeUndefined({
+      ...clientProps
+    });
+    return /*#__PURE__*/_jsx(Component, {
+      ...sanitizedProps
+    }, key);
+  }
+  if (typeof Component === 'string' || isPlainObject(Component)) {
+    const ResolvedComponent = getFromImportMap({
+      importMap,
+      PayloadComponent: Component,
+      schemaPath: ''
+    });
+    if (ResolvedComponent) {
+      const sanitizedProps = removeUndefined({
+        ...clientProps,
+        ...(typeof Component === 'object' && Component?.clientProps ? Component.clientProps : {})
+      });
+      return /*#__PURE__*/_jsx(ResolvedComponent, {
+        ...sanitizedProps
+      }, key);
+    }
+  }
+  return Fallback ? RenderClientComponent({
+    clientProps,
+    Component: Fallback,
+    importMap,
+    key
+  }) : null;
+};
+//# sourceMappingURL=clientOnly.js.map

package/dist/elements/RenderServerComponent/clientOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientOnly.js","names":["getFromImportMap","isPlainObject","React","removeUndefined","RenderClientComponent","clientProps","Component","Fallback","importMap","key","Array","isArray","map","c","index","sanitizedProps","_jsx","ResolvedComponent","PayloadComponent","schemaPath"],"sources":["../../../src/elements/RenderServerComponent/clientOnly.tsx"],"sourcesContent":["import type { ComponentRenderer } from 'payload'\n\nimport { getFromImportMap, isPlainObject } from 'payload/shared'\nimport React from 'react'\n\nimport { removeUndefined } from '../../utilities/removeUndefined.js'\n\n/**\n * Client-only component renderer for non-RSC frameworks.\n * All components are treated as client components - serverProps are never passed.\n * Use this when the framework doesn't support React Server Components.\n */\nexport const RenderClientComponent: ComponentRenderer = ({\n  clientProps = {},\n  Component,\n  Fallback,\n  importMap,\n  key,\n}) => {\n  if (Array.isArray(Component)) {\n    return Component.map((c, index) =>\n      RenderClientComponent({\n        clientProps,\n        Component: c,\n        importMap,\n        key: index,\n      }),\n    )\n  }\n\n  if (typeof Component === 'function') {\n    const sanitizedProps = removeUndefined({ ...clientProps })\n    return <Component key={key} {...sanitizedProps} />\n  }\n\n  if (typeof Component === 'string' || isPlainObject(Component)) {\n    const ResolvedComponent = getFromImportMap<React.ComponentType>({\n      importMap,\n      PayloadComponent: Component,\n      schemaPath: '',\n    })\n\n    if (ResolvedComponent) {\n      const sanitizedProps = removeUndefined({\n        ...clientProps,\n        ...(typeof Component === 'object' && Component?.clientProps ? Component.clientProps : {}),\n      })\n\n      return <ResolvedComponent key={key} {...sanitizedProps} />\n    }\n  }\n\n  return Fallback\n    ? RenderClientComponent({\n        clientProps,\n        Component: Fallback,\n        importMap,\n        key,\n      })\n    : null\n}\n"],"mappings":";AAEA,SAASA,gBAAgB,EAAEC,aAAa,QAAQ;AAChD,OAAOC,KAAA,MAAW;AAElB,SAASC,eAAe,QAAQ;AAEhC;;;;;AAKA,OAAO,MAAMC,qBAAA,GAA2CA,CAAC;EACvDC,WAAA,GAAc,CAAC,CAAC;EAChBC,SAAS;EACTC,QAAQ;EACRC,SAAS;EACTC;AAAG,CACJ;EACC,IAAIC,KAAA,CAAMC,OAAO,CAACL,SAAA,GAAY;IAC5B,OAAOA,SAAA,CAAUM,GAAG,CAAC,CAACC,CAAA,EAAGC,KAAA,KACvBV,qBAAA,CAAsB;MACpBC,WAAA;MACAC,SAAA,EAAWO,CAAA;MACXL,SAAA;MACAC,GAAA,EAAKK;IACP;EAEJ;EAEA,IAAI,OAAOR,SAAA,KAAc,YAAY;IACnC,MAAMS,cAAA,GAAiBZ,eAAA,CAAgB;MAAE,GAAGE;IAAY;IACxD,oBAAOW,IAAA,CAACV,SAAA;MAAqB,GAAGS;OAATN,GAAA;EACzB;EAEA,IAAI,OAAOH,SAAA,KAAc,YAAYL,aAAA,CAAcK,SAAA,GAAY;IAC7D,MAAMW,iBAAA,GAAoBjB,gBAAA,CAAsC;MAC9DQ,SAAA;MACAU,gBAAA,EAAkBZ,SAAA;MAClBa,UAAA,EAAY;IACd;IAEA,IAAIF,iBAAA,EAAmB;MACrB,MAAMF,cAAA,GAAiBZ,eAAA,CAAgB;QACrC,GAAGE,WAAW;QACd,IAAI,OAAOC,SAAA,KAAc,YAAYA,SAAA,EAAWD,WAAA,GAAcC,SAAA,CAAUD,WAAW,GAAG,CAAC,CAAC;MAC1F;MAEA,oBAAOW,IAAA,CAACC,iBAAA;QAA6B,GAAGF;SAATN,GAAA;IACjC;EACF;EAEA,OAAOF,QAAA,GACHH,qBAAA,CAAsB;IACpBC,WAAA;IACAC,SAAA,EAAWC,QAAA;IACXC,SAAA;IACAC;EACF,KACA;AACN","ignoreList":[]}