@payloadcms/ui 3.0.0-canary.a5aaf21 → 3.0.0-canary.a6e7305

package/dist/elements/RelationshipTable/index.js

@@ -27,6 +27,7 @@ const baseClass = 'relationship-table';
 export const RelationshipTable = props => {
   const $ = _c(79);
   const {
+    allowCreate: t0,
     field,
     filterOptions,
     initialData: initialDataFromProps,
@@ -34,26 +35,27 @@ export const RelationshipTable = props => {
     Label,
     relationTo
   } = props;
+  const allowCreate = t0 === undefined ? true : t0;
   const {
-    config: t0,
+    config: t1,
     getEntityConfig
   } = useConfig();
   const {
-    routes: t1,
+    routes: t2,
     serverURL
-  } = t0;
+  } = t1;
   const {
     api
-  } = t1;
+  } = t2;
   const {
     id: docID
   } = useDocumentInfo();
   const {
     permissions
   } = useAuth();
-  let t2;
+  let t3;
   if ($[0] !== initialDataFromProps) {
-    t2 = () => {
+    t3 = () => {
       if (initialDataFromProps) {
         return {
           ...initialDataFromProps,
@@ -67,11 +69,11 @@ export const RelationshipTable = props => {
       }
     };
     $[0] = initialDataFromProps;
-    $[1] = t2;
+    $[1] = t3;
   } else {
-    t2 = $[1];
+    t3 = $[1];
   }
-  const [initialData, setInitialData] = useState(t2);
+  const [initialData, setInitialData] = useState(t3);
   const {
     i18n,
     t
@@ -82,57 +84,57 @@ export const RelationshipTable = props => {
   const [where, setWhere] = useState(null);
   const [search, setSearch] = useState("");
   const [openColumnSelector, setOpenColumnSelector] = useState(false);
-  let t3;
+  let t4;
   if ($[2] !== getEntityConfig || $[3] !== relationTo) {
-    t3 = () => getEntityConfig({
+    t4 = () => getEntityConfig({
       collectionSlug: relationTo
     });
     $[2] = getEntityConfig;
     $[3] = relationTo;
-    $[4] = t3;
+    $[4] = t4;
   } else {
-    t3 = $[4];
+    t4 = $[4];
   }
-  const [collectionConfig] = useState(t3);
+  const [collectionConfig] = useState(t4);
   const apiURL = `${serverURL}${api}/${collectionConfig.slug}`;
-  let t4;
+  let t5;
   if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = {
+    t5 = {
       depth: 0
     };
-    $[5] = t4;
+    $[5] = t5;
   } else {
-    t4 = $[5];
+    t5 = $[5];
   }
-  let t5;
+  let t6;
   if ($[6] !== initialData) {
-    t5 = {
+    t6 = {
       initialData,
-      initialParams: t4
+      initialParams: t5
     };
     $[6] = initialData;
-    $[7] = t5;
+    $[7] = t6;
   } else {
-    t5 = $[7];
+    t6 = $[7];
   }
-  const [t6, t7] = usePayloadAPI(apiURL, t5);
+  const [t7, t8] = usePayloadAPI(apiURL, t6);
   const {
     data
-  } = t6;
+  } = t7;
   const {
     setParams
-  } = t7;
-  let t8;
+  } = t8;
+  let t9;
   if ($[8] !== collectionConfig || $[9] !== where || $[10] !== filterOptions || $[11] !== search || $[12] !== limit || $[13] !== page || $[14] !== sort || $[15] !== setParams) {
-    t8 = () => {
+    t9 = () => {
       const {
-        admin: t9,
+        admin: t10,
         versions
       } = collectionConfig;
       const {
         listSearchableFields,
         useAsTitle
-      } = t9 === undefined ? {} : t9;
+      } = t10 === undefined ? {} : t10;
       const params = {
         depth: 0
       };
@@ -180,13 +182,13 @@ export const RelationshipTable = props => {
     $[13] = page;
     $[14] = sort;
     $[15] = setParams;
-    $[16] = t8;
+    $[16] = t9;
   } else {
-    t8 = $[16];
+    t9 = $[16];
   }
-  let t9;
+  let t10;
   if ($[17] !== page || $[18] !== sort || $[19] !== where || $[20] !== search || $[21] !== collectionConfig || $[22] !== filterOptions || $[23] !== initialData || $[24] !== limit || $[25] !== setParams) {
-    t9 = [page, sort, where, search, collectionConfig, filterOptions, initialData, limit, setParams];
+    t10 = [page, sort, where, search, collectionConfig, filterOptions, initialData, limit, setParams];
     $[17] = page;
     $[18] = sort;
     $[19] = where;
@@ -196,29 +198,29 @@ export const RelationshipTable = props => {
     $[23] = initialData;
     $[24] = limit;
     $[25] = setParams;
-    $[26] = t9;
+    $[26] = t10;
   } else {
-    t9 = $[26];
+    t10 = $[26];
   }
-  useEffect(t8, t9);
-  let t10;
+  useEffect(t9, t10);
+  let t11;
   if ($[27] !== relationTo) {
-    t10 = {
+    t11 = {
       collectionSlug: relationTo
     };
     $[27] = relationTo;
-    $[28] = t10;
+    $[28] = t11;
   } else {
-    t10 = $[28];
+    t11 = $[28];
   }
-  const [DocumentDrawer, DocumentDrawerToggler, t11] = useDocumentDrawer(t10);
+  const [DocumentDrawer, DocumentDrawerToggler, t12] = useDocumentDrawer(t11);
   const {
     closeDrawer,
     openDrawer
-  } = t11;
-  let t12;
+  } = t12;
+  let t13;
   if ($[29] !== data) {
-    t12 = args => {
+    t13 = args => {
       const foundDocIndex = data?.docs?.findIndex(doc_0 => doc_0.id === args.doc.id);
       if (foundDocIndex !== -1) {
         const newDocs = [...data.docs];
@@ -235,59 +237,59 @@ export const RelationshipTable = props => {
       }
     };
     $[29] = data;
-    $[30] = t12;
+    $[30] = t13;
   } else {
-    t12 = $[30];
+    t13 = $[30];
   }
-  const onDrawerSave = t12;
-  let t13;
+  const onDrawerSave = t13;
+  let t14;
   if ($[31] !== closeDrawer || $[32] !== onDrawerSave) {
-    t13 = args_0 => {
+    t14 = args_0 => {
       closeDrawer();
       onDrawerSave(args_0);
     };
     $[31] = closeDrawer;
     $[32] = onDrawerSave;
-    $[33] = t13;
+    $[33] = t14;
   } else {
-    t13 = $[33];
+    t14 = $[33];
   }
-  const onDrawerCreate = t13;
+  const onDrawerCreate = t14;
   const preferenceKey = `${relationTo}-list`;
-  const hasCreatePermission = permissions?.collections?.[relationTo]?.create?.permission;
-  let t14;
-  if ($[34] !== hasCreatePermission || $[35] !== i18n || $[36] !== DocumentDrawerToggler) {
-    t14 = hasCreatePermission && _jsx(DocumentDrawerToggler, {
+  const canCreate = allowCreate !== false && permissions?.collections?.[relationTo]?.create?.permission;
+  let t15;
+  if ($[34] !== canCreate || $[35] !== i18n || $[36] !== DocumentDrawerToggler) {
+    t15 = canCreate && _jsx(DocumentDrawerToggler, {
       children: i18n.t("fields:addNew")
     });
-    $[34] = hasCreatePermission;
+    $[34] = canCreate;
     $[35] = i18n;
     $[36] = DocumentDrawerToggler;
-    $[37] = t14;
+    $[37] = t15;
   } else {
-    t14 = $[37];
+    t15 = $[37];
   }
-  const t15 = `${baseClass}__toggle-columns ${openColumnSelector ? `${baseClass}__buttons-active` : ""}`;
-  const t16 = openColumnSelector ? "up" : "down";
-  let t17;
-  if ($[38] !== t16 || $[39] !== openColumnSelector || $[40] !== t || $[41] !== t15 || $[42] !== t14 || $[43] !== Label || $[44] !== data || $[45] !== collectionConfig || $[46] !== i18n || $[47] !== hasCreatePermission || $[48] !== openDrawer || $[49] !== limit || $[50] !== field || $[51] !== onDrawerSave || $[52] !== relationTo || $[53] !== preferenceKey || $[54] !== sort || $[55] !== docID || $[56] !== initialDrawerState || $[57] !== onDrawerCreate || $[58] !== DocumentDrawer) {
-    let t18;
+  const t16 = `${baseClass}__toggle-columns ${openColumnSelector ? `${baseClass}__buttons-active` : ""}`;
+  const t17 = openColumnSelector ? "up" : "down";
+  let t18;
+  if ($[38] !== t17 || $[39] !== openColumnSelector || $[40] !== t || $[41] !== t16 || $[42] !== t15 || $[43] !== Label || $[44] !== data || $[45] !== collectionConfig || $[46] !== i18n || $[47] !== canCreate || $[48] !== openDrawer || $[49] !== limit || $[50] !== field || $[51] !== onDrawerSave || $[52] !== relationTo || $[53] !== preferenceKey || $[54] !== sort || $[55] !== docID || $[56] !== initialDrawerState || $[57] !== onDrawerCreate || $[58] !== DocumentDrawer) {
+    let t19;
     if ($[60] !== openColumnSelector) {
-      t18 = () => setOpenColumnSelector(!openColumnSelector);
+      t19 = () => setOpenColumnSelector(!openColumnSelector);
       $[60] = openColumnSelector;
-      $[61] = t18;
+      $[61] = t19;
     } else {
-      t18 = $[61];
+      t19 = $[61];
     }
-    let t19;
-    if ($[62] !== data.docs || $[63] !== collectionConfig || $[64] !== i18n || $[65] !== hasCreatePermission || $[66] !== openDrawer) {
-      t19 = data.docs && data.docs.length === 0 && _jsxs("div", {
+    let t20;
+    if ($[62] !== data.docs || $[63] !== collectionConfig || $[64] !== i18n || $[65] !== canCreate || $[66] !== openDrawer) {
+      t20 = data.docs && data.docs.length === 0 && _jsxs("div", {
         className: `${baseClass}__no-results`,
         children: [_jsx("p", {
           children: i18n.t("general:noResults", {
             label: getTranslation(collectionConfig?.labels?.plural, i18n)
           })
-        }), hasCreatePermission && _jsx(Button, {
+        }), canCreate && _jsx(Button, {
           onClick: openDrawer,
           children: i18n.t("general:createNewLabel", {
             label: getTranslation(collectionConfig?.labels?.singular, i18n)
@@ -297,15 +299,15 @@ export const RelationshipTable = props => {
       $[62] = data.docs;
       $[63] = collectionConfig;
       $[64] = i18n;
-      $[65] = hasCreatePermission;
+      $[65] = canCreate;
       $[66] = openDrawer;
-      $[67] = t19;
+      $[67] = t20;
     } else {
-      t19 = $[67];
+      t20 = $[67];
     }
-    let t20;
+    let t21;
     if ($[68] !== data || $[69] !== limit || $[70] !== collectionConfig || $[71] !== i18n || $[72] !== field || $[73] !== onDrawerSave || $[74] !== openColumnSelector || $[75] !== relationTo || $[76] !== preferenceKey || $[77] !== sort) {
-      t20 = data.docs && data.docs.length > 0 && _jsx(RelationshipProvider, {
+      t21 = data.docs && data.docs.length > 0 && _jsx(RelationshipProvider, {
         children: _jsx(ListQueryProvider, {
           data,
           defaultLimit: limit || collectionConfig?.admin?.pagination?.defaultLimit,
@@ -385,29 +387,29 @@ export const RelationshipTable = props => {
       $[75] = relationTo;
       $[76] = preferenceKey;
       $[77] = sort;
-      $[78] = t20;
+      $[78] = t21;
     } else {
-      t20 = $[78];
+      t21 = $[78];
     }
-    t17 = _jsxs("div", {
+    t18 = _jsxs("div", {
       className: baseClass,
       children: [_jsxs("div", {
         className: `${baseClass}__header`,
         children: [Label, _jsxs("div", {
           className: `${baseClass}__actions`,
-          children: [t14, _jsx(Pill, {
+          children: [t15, _jsx(Pill, {
             "aria-controls": `${baseClass}-columns`,
             "aria-expanded": openColumnSelector,
-            className: t15,
+            className: t16,
             icon: _jsx(ChevronIcon, {
-              direction: t16
+              direction: t17
             }),
-            onClick: t18,
+            onClick: t19,
             pillStyle: "light",
             children: t("general:columns")
           })]
         })]
-      }), t19, t20, _jsx(DocumentDrawer, {
+      }), t20, t21, _jsx(DocumentDrawer, {
         initialData: {
           category: docID
         },
@@ -415,16 +417,16 @@ export const RelationshipTable = props => {
         onSave: onDrawerCreate
       })]
     });
-    $[38] = t16;
+    $[38] = t17;
     $[39] = openColumnSelector;
     $[40] = t;
-    $[41] = t15;
-    $[42] = t14;
+    $[41] = t16;
+    $[42] = t15;
     $[43] = Label;
     $[44] = data;
     $[45] = collectionConfig;
     $[46] = i18n;
-    $[47] = hasCreatePermission;
+    $[47] = canCreate;
     $[48] = openDrawer;
     $[49] = limit;
     $[50] = field;
@@ -436,10 +438,10 @@ export const RelationshipTable = props => {
     $[56] = initialDrawerState;
     $[57] = onDrawerCreate;
     $[58] = DocumentDrawer;
-    $[59] = t17;
+    $[59] = t18;
   } else {
-    t17 = $[59];
+    t18 = $[59];
   }
-  return t17;
+  return t18;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useState","AnimateHeightImport","AnimateHeight","default","getTranslation","Button","Pill","usePayloadAPI","ChevronIcon","useAuth","useConfig","useDocumentInfo","ListQueryProvider","useTranslation","ColumnSelector","useDocumentDrawer","hoistQueryParamsToAnd","RelationshipProvider","TableColumnsProvider","DrawerLink","RelationshipTableWrapper","baseClass","RelationshipTable","props","$","field","filterOptions","initialData","initialDataFromProps","initialDrawerState","Label","relationTo","config","t0","getEntityConfig","routes","t1","serverURL","api","id","docID","permissions","t2","docs","Array","isArray","reduce","acc","doc","setInitialData","i18n","t","limit","setLimit","sort","setSort","undefined","page","setPage","where","setWhere","search","setSearch","openColumnSelector","setOpenColumnSelector","t3","collectionSlug","collectionConfig","apiURL","slug","t4","Symbol","for","depth","t5","initialParams","t6","t7","data","setParams","t8","admin","t9","versions","listSearchableFields","useAsTitle","params","copyOfWhere","searchAsConditions","map","fieldName","like","length","searchFilter","or","drafts","draft","t10","DocumentDrawer","DocumentDrawerToggler","t11","closeDrawer","openDrawer","t12","args","foundDocIndex","findIndex","doc_0","newDocs","onDrawerSave","t13","args_0","onDrawerCreate","preferenceKey","hasCreatePermission","collections","create","permission","t14","_jsx","children","t15","t16","t17","t18","t19","_jsxs","className","label","labels","plural","onClick","singular","t20","defaultLimit","pagination","defaultSort","handlePageChange","handlePerPageChange","handleSearchChange","handleSortChange","handleWhereChange","modifySearchParams","beforeRows","accessor","active","cellProps","components","Cell","type","RenderedComponent","sortColumnProps","appearance","height","icon","direction","pillStyle","category","initialState","onSave"],"sources":["../../../src/elements/RelationshipTable/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  ClientField,\n  JoinFieldClient,\n  PaginatedDocs,\n  Where,\n} from 'payload'\n\nimport React, { useCallback, useEffect, useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nconst AnimateHeight = AnimateHeightImport.default || AnimateHeightImport\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { usePayloadAPI } from '../../hooks/usePayloadAPI.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { ListQueryProvider } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { hoistQueryParamsToAnd } from '../ListDrawer/DrawerContent.js'\nimport { RelationshipProvider } from '../Table/RelationshipProvider/index.js'\nimport { TableColumnsProvider } from '../TableColumns/index.js'\nimport { DrawerLink } from './cells/DrawerLink/index.js'\nimport './index.scss'\nimport { RelationshipTableWrapper } from './TableWrapper.js'\n\nconst baseClass = 'relationship-table'\n\ntype RelationshipTableComponentProps = {\n  readonly field: JoinFieldClient\n  readonly filterOptions?: boolean | Where\n  readonly initialData?: PaginatedDocs\n  readonly initialDrawerState?: DocumentDrawerProps['initialState']\n  readonly Label?: React.ReactNode\n  readonly relationTo: string\n}\n\nexport const RelationshipTable: React.FC<RelationshipTableComponentProps> = (props) => {\n  const {\n    field,\n    filterOptions,\n    initialData: initialDataFromProps,\n    initialDrawerState,\n    Label,\n    relationTo,\n  } = props\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const { id: docID } = useDocumentInfo()\n\n  const { permissions } = useAuth()\n\n  const [initialData, setInitialData] = useState<PaginatedDocs>(() => {\n    if (initialDataFromProps) {\n      return {\n        ...initialDataFromProps,\n        docs: Array.isArray(initialDataFromProps.docs)\n          ? initialDataFromProps.docs.reduce((acc, doc) => {\n              if (typeof doc === 'string') {\n                return acc\n              }\n              return [...acc, doc]\n            }, [])\n          : [],\n      }\n    }\n  })\n\n  const { i18n, t } = useTranslation()\n\n  const [limit, setLimit] = useState<number>()\n  const [sort, setSort] = useState<string | undefined>(undefined)\n  const [page, setPage] = useState<number>(1)\n  const [where, setWhere] = useState<null | Where>(null)\n  const [search, setSearch] = useState<string>('')\n  const [openColumnSelector, setOpenColumnSelector] = useState(false)\n\n  const [collectionConfig] = useState(\n    () => getEntityConfig({ collectionSlug: relationTo }) as ClientCollectionConfig,\n  )\n\n  const apiURL = `${serverURL}${api}/${collectionConfig.slug}`\n\n  const [{ data }, { setParams }] = usePayloadAPI(apiURL, {\n    initialData,\n    initialParams: {\n      depth: 0,\n    },\n  })\n\n  useEffect(() => {\n    const {\n      admin: { listSearchableFields, useAsTitle } = {} as ClientCollectionConfig['admin'],\n      versions,\n    } = collectionConfig\n\n    const params: {\n      cacheBust?: number\n      depth?: number\n      draft?: string\n      limit?: number\n      page?: number\n      search?: string\n      sort?: string\n      where?: unknown\n    } = {\n      depth: 0,\n    }\n\n    let copyOfWhere = { ...(where || {}) }\n\n    if (filterOptions && typeof filterOptions !== 'boolean') {\n      copyOfWhere = hoistQueryParamsToAnd(copyOfWhere, filterOptions)\n    }\n\n    if (search) {\n      const searchAsConditions = (listSearchableFields || [useAsTitle]).map((fieldName) => {\n        return {\n          [fieldName]: {\n            like: search,\n          },\n        }\n      }, [])\n\n      if (searchAsConditions.length > 0) {\n        const searchFilter: Where = {\n          or: [...searchAsConditions],\n        }\n\n        copyOfWhere = hoistQueryParamsToAnd(copyOfWhere, searchFilter)\n      }\n    }\n\n    if (limit) {\n      params.limit = limit\n    }\n    if (page) {\n      params.page = page\n    }\n    if (sort) {\n      params.sort = sort\n    }\n    if (copyOfWhere) {\n      params.where = copyOfWhere\n    }\n    if (versions?.drafts) {\n      params.draft = 'true'\n    }\n\n    setParams(params)\n  }, [page, sort, where, search, collectionConfig, filterOptions, initialData, limit, setParams])\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer, openDrawer }] = useDocumentDrawer({\n    collectionSlug: relationTo,\n  })\n\n  const onDrawerSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      const foundDocIndex = data?.docs?.findIndex((doc) => doc.id === args.doc.id)\n\n      if (foundDocIndex !== -1) {\n        const newDocs = [...data.docs]\n        newDocs[foundDocIndex] = args.doc\n        setInitialData({\n          ...data,\n          docs: newDocs,\n        })\n      } else {\n        setInitialData({\n          ...data,\n          docs: [args.doc, ...data.docs],\n        })\n      }\n    },\n    [data],\n  )\n\n  const onDrawerCreate = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      closeDrawer()\n      void onDrawerSave(args)\n    },\n    [closeDrawer, onDrawerSave],\n  )\n\n  const preferenceKey = `${relationTo}-list`\n\n  const hasCreatePermission = permissions?.collections?.[relationTo]?.create?.permission\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        {Label}\n        <div className={`${baseClass}__actions`}>\n          {hasCreatePermission && (\n            <DocumentDrawerToggler>{i18n.t('fields:addNew')}</DocumentDrawerToggler>\n          )}\n          <Pill\n            aria-controls={`${baseClass}-columns`}\n            aria-expanded={openColumnSelector}\n            className={`${baseClass}__toggle-columns ${\n              openColumnSelector ? `${baseClass}__buttons-active` : ''\n            }`}\n            icon={<ChevronIcon direction={openColumnSelector ? 'up' : 'down'} />}\n            onClick={() => setOpenColumnSelector(!openColumnSelector)}\n            pillStyle=\"light\"\n          >\n            {t('general:columns')}\n          </Pill>\n        </div>\n      </div>\n      {data.docs && data.docs.length === 0 && (\n        <div className={`${baseClass}__no-results`}>\n          <p>\n            {i18n.t('general:noResults', {\n              label: getTranslation(collectionConfig?.labels?.plural, i18n),\n            })}\n          </p>\n          {hasCreatePermission && (\n            <Button onClick={openDrawer}>\n              {i18n.t('general:createNewLabel', {\n                label: getTranslation(collectionConfig?.labels?.singular, i18n),\n              })}\n            </Button>\n          )}\n        </div>\n      )}\n      {data.docs && data.docs.length > 0 && (\n        <RelationshipProvider>\n          <ListQueryProvider\n            data={data}\n            defaultLimit={limit || collectionConfig?.admin?.pagination?.defaultLimit}\n            defaultSort={sort}\n            handlePageChange={setPage}\n            handlePerPageChange={setLimit}\n            handleSearchChange={setSearch}\n            handleSortChange={setSort}\n            handleWhereChange={setWhere}\n            modifySearchParams={false}\n            preferenceKey={preferenceKey}\n          >\n            <TableColumnsProvider\n              beforeRows={[\n                {\n                  accessor: 'collection',\n                  active: true,\n                  cellProps: {\n                    field: {\n                      admin: {\n                        components: {\n                          Cell: {\n                            type: 'client',\n                            RenderedComponent: (\n                              <Pill>{getTranslation(collectionConfig.labels.singular, i18n)}</Pill>\n                            ),\n                          },\n                          Label: null,\n                        },\n                      },\n                    } as ClientField,\n                  },\n                  Heading: i18n.t('version:type'),\n                },\n              ]}\n              cellProps={[\n                {},\n                {\n                  field: {\n                    admin: {\n                      components: {\n                        Cell: {\n                          type: 'client',\n                          RenderedComponent: (\n                            <DrawerLink field={field} onDrawerSave={onDrawerSave} />\n                          ),\n                        },\n                      },\n                    },\n                  } as ClientField,\n                  link: false,\n                },\n              ]}\n              collectionSlug={relationTo}\n              preferenceKey={preferenceKey}\n              sortColumnProps={{\n                appearance: 'condensed',\n              }}\n            >\n              {/* @ts-expect-error TODO: get this CJS import to work, eslint keeps removing the type assertion */}\n              <AnimateHeight\n                className={`${baseClass}__columns`}\n                height={openColumnSelector ? 'auto' : 0}\n                id={`${baseClass}-columns`}\n              >\n                <div className={`${baseClass}__columns-inner`}>\n                  <ColumnSelector collectionSlug={collectionConfig.slug} />\n                </div>\n              </AnimateHeight>\n              <RelationshipTableWrapper collectionConfig={collectionConfig} />\n            </TableColumnsProvider>\n          </ListQueryProvider>\n        </RelationshipProvider>\n      )}\n      <DocumentDrawer\n        initialData={{\n          category: docID,\n        }}\n        initialState={initialDrawerState}\n        onSave={onDrawerCreate}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AASA,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AACxD,OAAOC,mBAAA,MAAyB;AAEhC,MAAMC,aAAA,GAAgBD,mBAAA,CAAoBE,OAAO,IAAIF,mBAAA;AAErD,SAASG,cAAc,QAAQ;AAI/B,SAASC,MAAM,QAAQ;AACvB,SAASC,IAAI,QAAQ;AACrB,SAASC,aAAa,QAAQ;AAC9B,SAASC,WAAW,QAAQ;AAC5B,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,UAAU,QAAQ;AAC3B,OAAO;AACP,SAASC,wBAAwB,QAAQ;AAEzC,MAAMC,SAAA,GAAY;AAWlB,OAAO,MAAMC,iBAAA,GAA+DC,KAAA;EAAA,MAAAC,CAAA,GAAA5B,EAAA;EAC1E;IAAA6B,KAAA;IAAAC,aAAA;IAAAC,WAAA,EAAAC,oBAAA;IAAAC,kBAAA;IAAAC,KAAA;IAAAC;EAAA,IAOIR,KAAA;EAEJ;IAAAS,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAMIxB,SAAA;EALM;IAAAyB,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAJ,EAGP;EAFS;IAAAK;EAAA,IAAAF,EAAO;EAMnB;IAAAG,EAAA,EAAAC;EAAA,IAAsB7B,eAAA;EAEtB;IAAA8B;EAAA,IAAwBhC,OAAA;EAAA,IAAAiC,EAAA;EAAA,IAAAlB,CAAA,QAAAI,oBAAA;IAEsCc,EAAA,GAAAA,CAAA;MAAA,IACxDd,oBAAA;QAAA;UAAA,GAEGA,oBAAoB;UAAAe,IAAA,EACjBC,KAAA,CAAAC,OAAA,CAAcjB,oBAAA,CAAAe,IAAyB,IACzCf,oBAAA,CAAAe,IAAA,CAAAG,MAAA,EAAAC,GAAA,EAAAC,GAAA;YAAA,IACM,OAAOA,GAAA,KAAQ;cAAA,OACVD,GAAA;YAAA;YAAA,WAEEA,GAAA,EAAKC,GAAA;UAAA,KACb;QACH;MAAA;IAAA;IAGZxB,CAAA,MAAAI,oBAAA;IAAAJ,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAdA,OAAAG,WAAA,EAAAsB,cAAA,IAAsCjD,QAAA,CAAwB0C,EAc9D;EAEA;IAAAQ,IAAA;IAAAC;EAAA,IAAoBtC,cAAA;EAEpB,OAAAuC,KAAA,EAAAC,QAAA,IAA0BrD,QAAA;EAC1B,OAAAsD,IAAA,EAAAC,OAAA,IAAwBvD,QAAA,CAAAwD,SAA6B;EACrD,OAAAC,IAAA,EAAAC,OAAA,IAAwB1D,QAAA,EAAiB;EACzC,OAAA2D,KAAA,EAAAC,QAAA,IAA0B5D,QAAA,KAAuB;EACjD,OAAA6D,MAAA,EAAAC,SAAA,IAA4B9D,QAAA,CAAiB;EAC7C,OAAA+D,kBAAA,EAAAC,qBAAA,IAAoDhE,QAAA,MAAS;EAAA,IAAAiE,EAAA;EAAA,IAAAzC,CAAA,QAAAU,eAAA,IAAAV,CAAA,QAAAO,UAAA;IAG3DkC,EAAA,GAAAA,CAAA,KAAM/B,eAAA;MAAAgC,cAAA,EAAkCnC;IAAA,CAAW;IAAAP,CAAA,MAAAU,eAAA;IAAAV,CAAA,MAAAO,UAAA;IAAAP,CAAA,MAAAyC,EAAA;EAAA;IAAAA,EAAA,GAAAzC,CAAA;EAAA;EADrD,OAAA2C,gBAAA,IAA2BnE,QAAA,CACzBiE,EAAmD;EAGrD,MAAAG,MAAA,GAAe,GAAG/B,SAAA,GAAYC,GAAA,IAAO6B,gBAAA,CAAAE,IAAA,EAAuB;EAAA,IAAAC,EAAA;EAAA,IAAA9C,CAAA,QAAA+C,MAAA,CAAAC,GAAA;IAI3CF,EAAA;MAAAG,KAAA;IAAA;IAEfjD,CAAA,MAAA8C,EAAA;EAAA;IAAAA,EAAA,GAAA9C,CAAA;EAAA;EAAA,IAAAkD,EAAA;EAAA,IAAAlD,CAAA,QAAAG,WAAA;IAJsD+C,EAAA;MAAA/C,WAAA;MAAAgD,aAAA,EAEvCL;IAEf;IACF9C,CAAA,MAAAG,WAAA;IAAAH,CAAA,MAAAkD,EAAA;EAAA;IAAAA,EAAA,GAAAlD,CAAA;EAAA;EALA,OAAAoD,EAAA,EAAAC,EAAA,IAAkCtE,aAAA,CAAc6D,MAAA,EAAQM,EAKxD;EALO;IAAAI;EAAA,IAAAF,EAAQ;EAAE;IAAAG;EAAA,IAAAF,EAAa;EAAA,IAAAG,EAAA;EAAA,IAAAxD,CAAA,QAAA2C,gBAAA,IAAA3C,CAAA,QAAAmC,KAAA,IAAAnC,CAAA,SAAAE,aAAA,IAAAF,CAAA,SAAAqC,MAAA,IAAArC,CAAA,SAAA4B,KAAA,IAAA5B,CAAA,SAAAiC,IAAA,IAAAjC,CAAA,SAAA8B,IAAA,IAAA9B,CAAA,SAAAuD,SAAA;IAOpBC,EAAA,GAAAA,CAAA;MACR;QAAAC,KAAA,EAAAC,EAAA;QAAAC;MAAA,IAGIhB,gBAAA;MAFK;QAAAiB,oBAAA;QAAAC;MAAA,IAAAH,EAA4E,KAAA1B,SAAA,QAA5E0B,EAA4E;MAIrF,MAAAI,MAAA;QAAAb,KAAA;MAAA;MAaA,IAAAc,WAAA;QAAA,IAAwB5B,KAAA,MAAW;MAAA;MAAE,IAEjCjC,aAAA,IAAiB,OAAOA,aAAA,KAAkB;QAC5C6D,WAAA,CAAAA,CAAA,CAAcA,sBAAsBA,WAAA,EAAa7D,aAAA;MAAjD;MAAA,IAGEmC,MAAA;QACF,MAAA2B,kBAAA,GAA2B,CAACJ,oBAAA,KAAyBC,UAAA,CAAW,EAAAI,GAAA,CAAAC,SAAA;UAAA,CAE3DA,SAAA;YAAAC,IAAA,EACO9B;UAAA;QAAA,MAGP;QAAA,IAED2B,kBAAA,CAAAI,MAAA,IAA4B;UAC9B,MAAAC,YAAA;YAAAC,EAAA,MACUN,kBAAA;UAAA;UAGVD,WAAA,CAAAA,CAAA,CAAcA,sBAAsBA,WAAA,EAAaM,YAAA;QAAjD;MAAA;MAAA,IAIAzC,KAAA;QACFkC,MAAA,CAAAlC,KAAA,GAAeA,KAAA;MAAA;MAAA,IAEbK,IAAA;QACF6B,MAAA,CAAA7B,IAAA,GAAcA,IAAA;MAAA;MAAA,IAEZH,IAAA;QACFgC,MAAA,CAAAhC,IAAA,GAAcA,IAAA;MAAA;MAAA,IAEZiC,WAAA;QACFD,MAAA,CAAA3B,KAAA,GAAe4B,WAAA;MAAA;MAAA,IAEbJ,QAAA,EAAAY,MAAA;QACFT,MAAA,CAAAU,KAAA,GAAe;MAAA;MAGjBjB,SAAA,CAAUO,MAAA;IAAA;IACZ9D,CAAA,MAAA2C,gBAAA;IAAA3C,CAAA,MAAAmC,KAAA;IAAAnC,CAAA,OAAAE,aAAA;IAAAF,CAAA,OAAAqC,MAAA;IAAArC,CAAA,OAAA4B,KAAA;IAAA5B,CAAA,OAAAiC,IAAA;IAAAjC,CAAA,OAAA8B,IAAA;IAAA9B,CAAA,OAAAuD,SAAA;IAAAvD,CAAA,OAAAwD,EAAA;EAAA;IAAAA,EAAA,GAAAxD,CAAA;EAAA;EAAA,IAAA0D,EAAA;EAAA,IAAA1D,CAAA,SAAAiC,IAAA,IAAAjC,CAAA,SAAA8B,IAAA,IAAA9B,CAAA,SAAAmC,KAAA,IAAAnC,CAAA,SAAAqC,MAAA,IAAArC,CAAA,SAAA2C,gBAAA,IAAA3C,CAAA,SAAAE,aAAA,IAAAF,CAAA,SAAAG,WAAA,IAAAH,CAAA,SAAA4B,KAAA,IAAA5B,CAAA,SAAAuD,SAAA;IAAGG,EAAA,IAACzB,IAAA,EAAMH,IAAA,EAAMK,KAAA,EAAOE,MAAA,EAAQM,gBAAA,EAAkBzC,aAAA,EAAeC,WAAA,EAAayB,KAAA,EAAO2B,SAAA;IAAUvD,CAAA,OAAAiC,IAAA;IAAAjC,CAAA,OAAA8B,IAAA;IAAA9B,CAAA,OAAAmC,KAAA;IAAAnC,CAAA,OAAAqC,MAAA;IAAArC,CAAA,OAAA2C,gBAAA;IAAA3C,CAAA,OAAAE,aAAA;IAAAF,CAAA,OAAAG,WAAA;IAAAH,CAAA,OAAA4B,KAAA;IAAA5B,CAAA,OAAAuD,SAAA;IAAAvD,CAAA,OAAA0D,EAAA;EAAA;IAAAA,EAAA,GAAA1D,CAAA;EAAA;EA5D9FzB,SAAA,CAAUiF,EA4DV,EAAGE,EAA2F;EAAA,IAAAe,GAAA;EAAA,IAAAzE,CAAA,SAAAO,UAAA;IAECkE,GAAA;MAAA/B,cAAA,EAC7EnC;IAAA;IAClBP,CAAA,OAAAO,UAAA;IAAAP,CAAA,OAAAyE,GAAA;EAAA;IAAAA,GAAA,GAAAzE,CAAA;EAAA;EAFA,OAAA0E,cAAA,EAAAC,qBAAA,EAAAC,GAAA,IAA6ErF,iBAAA,CAAkBkF,GAE/F;EAF8C;IAAAI,WAAA;IAAAC;EAAA,IAAAF,GAA2B;EAAA,IAAAG,GAAA;EAAA,IAAA/E,CAAA,SAAAsD,IAAA;IAKvEyB,GAAA,GAAAC,IAAA;MACE,MAAAC,aAAA,GAAsB3B,IAAA,EAAAnC,IAAA,EAAA+D,SAAA,CAAAC,KAAA,IAA+B3D,KAAA,CAAAT,EAAA,KAAWiE,IAAA,CAAAxD,GAAA,CAAAT,EAAW;MAAA,IAEvEkE,aAAA,OAAmB;QACrB,MAAAG,OAAA,OAAoB9B,IAAA,CAAAnC,IAAA;QACpBiE,OAAO,CAACH,aAAA,IAAiBD,IAAA,CAAAxD,GAAA;QACzBC,cAAA;UAAA,GACK6B,IAAI;UAAAnC,IAAA,EACDiE;QAAA,CACR;MAAA;QAEA3D,cAAA;UAAA,GACK6B,IAAI;UAAAnC,IAAA,GACA6D,IAAA,CAAAxD,GAAA,KAAa8B,IAAA,CAAAnC,IAAA;QAAA,CACtB;MAAA;IAAA;IAEJnB,CAAA,OAAAsD,IAAA;IAAAtD,CAAA,OAAA+E,GAAA;EAAA;IAAAA,GAAA,GAAA/E,CAAA;EAAA;EAjBF,MAAAqF,YAAA,GAAqBN,GAkBb;EAAA,IAAAO,GAAA;EAAA,IAAAtF,CAAA,SAAA6E,WAAA,IAAA7E,CAAA,SAAAqF,YAAA;IAINC,GAAA,GAAAC,MAAA;MACEV,WAAA;MACKQ,YAAA,CAAaL,MAAA;IAAA;IACpBhF,CAAA,OAAA6E,WAAA;IAAA7E,CAAA,OAAAqF,YAAA;IAAArF,CAAA,OAAAsF,GAAA;EAAA;IAAAA,GAAA,GAAAtF,CAAA;EAAA;EAJF,MAAAwF,cAAA,GAAuBF,GAKM;EAG7B,MAAAG,aAAA,GAAsB,GAAGlF,UAAA,OAAiB;EAE1C,MAAAmF,mBAAA,GAA4BzE,WAAA,EAAA0E,WAAA,GAA2BpF,UAAA,GAAAqF,MAAA,EAAAC,UAAA;EAAqB,IAAAC,GAAA;EAAA,IAAA9F,CAAA,SAAA0F,mBAAA,IAAA1F,CAAA,SAAA0B,IAAA,IAAA1B,CAAA,SAAA2E,qBAAA;IAOnEmB,GAAA,GAAAJ,mBAAA,IACCK,IAAA,CAACpB,qBAAA;MAAAqB,QAAA,EAAuBtE,IAAA,CAAAC,CAAA,CAAO;IAAA,C;;;;;;;;EAKpB,MAAAsE,GAAA,MAAApG,SAAA,oBACT0C,kBAAA,GAAqB,GAAA1C,SAAA,kBAA8B,GAAG,IACtD;EAC4B,MAAAqG,GAAA,GAAA3D,kBAAA,GAAqB,OAAO;EAAA,IAAA4D,GAAA;EAAA,IAAAnG,CAAA,SAAAkG,GAAA,IAAAlG,CAAA,SAAAuC,kBAAA,IAAAvC,CAAA,SAAA2B,CAAA,IAAA3B,CAAA,SAAAiG,GAAA,IAAAjG,CAAA,SAAA8F,GAAA,IAAA9F,CAAA,SAAAM,KAAA,IAAAN,CAAA,SAAAsD,IAAA,IAAAtD,CAAA,SAAA2C,gBAAA,IAAA3C,CAAA,SAAA0B,IAAA,IAAA1B,CAAA,SAAA0F,mBAAA,IAAA1F,CAAA,SAAA8E,UAAA,IAAA9E,CAAA,SAAA4B,KAAA,IAAA5B,CAAA,SAAAC,KAAA,IAAAD,CAAA,SAAAqF,YAAA,IAAArF,CAAA,SAAAO,UAAA,IAAAP,CAAA,SAAAyF,aAAA,IAAAzF,CAAA,SAAA8B,IAAA,IAAA9B,CAAA,SAAAgB,KAAA,IAAAhB,CAAA,SAAAK,kBAAA,IAAAL,CAAA,SAAAwF,cAAA,IAAAxF,CAAA,SAAA0E,cAAA;IAAA,IAAA0B,GAAA;IAAA,IAAApG,CAAA,SAAAuC,kBAAA;MACjD6D,GAAA,GAAAA,CAAA,KAAM5D,qBAAA,EAAuBD,kBAAA;MAAAvC,CAAA,OAAAuC,kBAAA;MAAAvC,CAAA,OAAAoG,GAAA;IAAA;MAAAA,GAAA,GAAApG,CAAA;IAAA;IAAA,IAAAqG,GAAA;IAAA,IAAArG,CAAA,SAAAsD,IAAA,CAAAnC,IAAA,IAAAnB,CAAA,SAAA2C,gBAAA,IAAA3C,CAAA,SAAA0B,IAAA,IAAA1B,CAAA,SAAA0F,mBAAA,IAAA1F,CAAA,SAAA8E,UAAA;MAO3CuB,GAAA,GAAA/C,IAAA,CAAAnC,IAAA,IAAamC,IAAA,CAAAnC,IAAA,CAAAiD,MAAA,MAAqB,IACjCkC,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAA1G,SAAA,cAA0B;QAAAmG,QAAA,GACxCD,IAAA,CAAC;UAAAC,QAAA,EACEtE,IAAA,CAAAC,CAAA,CAAO;YAAA6E,KAAA,EACC5H,cAAA,CAAe+D,gBAAA,EAAA8D,MAAA,EAAAC,MAAA,EAAkChF,IAAA;UAAA,CAC1D;QAAA,C,GAEDgE,mBAAA,IACCK,IAAA,CAAAlH,MAAA;UAAA8H,OAAA,EAAiB7B,UAAA;UAAAkB,QAAA,EACdtE,IAAA,CAAAC,CAAA,CAAO;YAAA6E,KAAA,EACC5H,cAAA,CAAe+D,gBAAA,EAAA8D,MAAA,EAAAG,QAAA,EAAoClF,IAAA;UAAA,CAC5D;QAAA,C;;;;;;;;;;;;;MAKPmF,GAAA,GAAAvD,IAAA,CAAAnC,IAAA,IAAamC,IAAA,CAAAnC,IAAA,CAAAiD,MAAA,IAAmB,IAC/B2B,IAAA,CAAAtG,oBAAA;QAAAuG,QAAA,EACED,IAAA,CAAA3G,iBAAA;UAAAkE,IAAA;UAAAwD,YAAA,EAEgBlF,KAAA,IAASe,gBAAA,EAAAc,KAAA,EAAAsD,UAAA,EAAAD,YAAqC;UAAAE,WAAA,EAC/ClF,IAAA;UAAAmF,gBAAA,EACK/E,OAAA;UAAAgF,mBAAA,EACGrF,QAAA;UAAAsF,kBAAA,EACD7E,SAAA;UAAA8E,gBAAA,EACFrF,OAAA;UAAAsF,iBAAA,EACCjF,QAAA;UAAAkF,kBAAA;UAAA7B,aAAA;UAAAO,QAAA,EAInBM,KAAA,CAAA5G,oBAAA;YAAA6H,UAAA;cAAAC,QAAA,EAGgB;cAAAC,MAAA;cAAAC,SAAA;gBAAAzH,KAAA;kBAAAwD,KAAA;oBAAAkE,UAAA;sBAAAC,IAAA;wBAAAC,IAAA,EAOM;wBAAAC,iBAAA,EAEJ/B,IAAA,CAAAjH,IAAA;0BAAAkH,QAAA,EAAOpH,cAAA,CAAe+D,gBAAA,CAAA8D,MAAA,CAAAG,QAAA,EAAkClF,IAAA;wBAAA,C;;;;;;;uBAQ3DA,IAAA,CAAAC,CAAA,CAAO;YAAA;YAAA+F,SAAA;cAAAzH,KAAA;gBAAAwD,KAAA;kBAAAkE,UAAA;oBAAAC,IAAA;sBAAAC,IAAA,EAUF;sBAAAC,iBAAA,EAEJ/B,IAAA,CAAApG,UAAA;wBAAAM,KAAA;wBAAAoF;sBAAA,C;;;;;;;4BASE9E,UAAA;YAAAkF,aAAA;YAAAsC,eAAA;cAAAC,UAAA,EAGF;YAAA;YAAAhC,QAAA,GAIdD,IAAA,CAAArH,aAAA;cAAA6H,SAAA,EACa,GAAA1G,SAAA,WAAuB;cAAAoI,MAAA,EAC1B1F,kBAAA,GAAqB,UAAS;cAAAxB,EAAA,EAClC,GAAAlB,SAAA,UAAsB;cAAAmG,QAAA,EAE1BD,IAAA,CAAC;gBAAAQ,SAAA,EAAe,GAAA1G,SAAA,iBAA6B;gBAAAmG,QAAA,EAC3CD,IAAA,CAAAzG,cAAA;kBAAAoD,cAAA,EAAgCC,gBAAA,CAAAE;gBAAA,C;;gBAGpCkD,IAAA,CAAAnG,wBAAA;cAAA+C;YAAA,C;;;;;;;;;;;;;;;;;;IA5GVwD,GAAA,GAAAG,KAAA,CAAC;MAAAC,SAAA,EAAA1G,SAAA;MAAAmG,QAAA,GACCM,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAA1G,SAAA,UAAsB;QAAAmG,QAAA,GACnC1F,KAAA,EACDgG,KAAA,CAAC;UAAAC,SAAA,EAAe,GAAA1G,SAAA,WAAuB;UAAAmG,QAAA,GACpCF,G,EAGDC,IAAA,CAAAjH,IAAA;YAAA,iBACiB,GAAAe,SAAA,UAAsB;YAAA,iBACtB0C,kBAAA;YAAAgE,SAAA,EACJN,GAET;YAAAiC,IAAA,EACInC,IAAA,CAAA/G,WAAA;cAAAmJ,SAAA,EAAwBjC;YAA4B,C;qBACjDE,GAA6B;YAAAgC,SAAA,EAC5B;YAAApC,QAAA,EAETrE,CAAA,CAAE;UAAA,C;;UAIR0E,G,EAgBAQ,G,EA4EDd,IAAA,CAACrB,cAAA;QAAAvE,WAAA;UAAAkI,QAAA,EAEarH;QAAA;QAAAsH,YAAA,EAEEjI,kBAAA;QAAAkI,MAAA,EACN/C;MAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;SAtHZW,G;CA0HJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useState","AnimateHeightImport","AnimateHeight","default","getTranslation","Button","Pill","usePayloadAPI","ChevronIcon","useAuth","useConfig","useDocumentInfo","ListQueryProvider","useTranslation","ColumnSelector","useDocumentDrawer","hoistQueryParamsToAnd","RelationshipProvider","TableColumnsProvider","DrawerLink","RelationshipTableWrapper","baseClass","RelationshipTable","props","$","allowCreate","t0","field","filterOptions","initialData","initialDataFromProps","initialDrawerState","Label","relationTo","undefined","config","t1","getEntityConfig","routes","t2","serverURL","api","id","docID","permissions","t3","docs","Array","isArray","reduce","acc","doc","setInitialData","i18n","t","limit","setLimit","sort","setSort","page","setPage","where","setWhere","search","setSearch","openColumnSelector","setOpenColumnSelector","t4","collectionSlug","collectionConfig","apiURL","slug","t5","Symbol","for","depth","t6","initialParams","t7","t8","data","setParams","t9","admin","t10","versions","listSearchableFields","useAsTitle","params","copyOfWhere","searchAsConditions","map","fieldName","like","length","searchFilter","or","drafts","draft","t11","DocumentDrawer","DocumentDrawerToggler","t12","closeDrawer","openDrawer","t13","args","foundDocIndex","findIndex","doc_0","newDocs","onDrawerSave","t14","args_0","onDrawerCreate","preferenceKey","canCreate","collections","create","permission","t15","_jsx","children","t16","t17","t18","t19","t20","_jsxs","className","label","labels","plural","onClick","singular","t21","defaultLimit","pagination","defaultSort","handlePageChange","handlePerPageChange","handleSearchChange","handleSortChange","handleWhereChange","modifySearchParams","beforeRows","accessor","active","cellProps","components","Cell","type","RenderedComponent","sortColumnProps","appearance","height","icon","direction","pillStyle","category","initialState","onSave"],"sources":["../../../src/elements/RelationshipTable/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  ClientField,\n  JoinFieldClient,\n  PaginatedDocs,\n  Where,\n} from 'payload'\n\nimport React, { useCallback, useEffect, useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nconst AnimateHeight = AnimateHeightImport.default || AnimateHeightImport\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { usePayloadAPI } from '../../hooks/usePayloadAPI.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { ListQueryProvider } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { hoistQueryParamsToAnd } from '../ListDrawer/DrawerContent.js'\nimport { RelationshipProvider } from '../Table/RelationshipProvider/index.js'\nimport { TableColumnsProvider } from '../TableColumns/index.js'\nimport { DrawerLink } from './cells/DrawerLink/index.js'\nimport './index.scss'\nimport { RelationshipTableWrapper } from './TableWrapper.js'\n\nconst baseClass = 'relationship-table'\n\ntype RelationshipTableComponentProps = {\n  readonly allowCreate?: boolean\n  readonly field: JoinFieldClient\n  readonly filterOptions?: boolean | Where\n  readonly initialData?: PaginatedDocs\n  readonly initialDrawerState?: DocumentDrawerProps['initialState']\n  readonly Label?: React.ReactNode\n  readonly relationTo: string\n}\n\nexport const RelationshipTable: React.FC<RelationshipTableComponentProps> = (props) => {\n  const {\n    allowCreate = true,\n    field,\n    filterOptions,\n    initialData: initialDataFromProps,\n    initialDrawerState,\n    Label,\n    relationTo,\n  } = props\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const { id: docID } = useDocumentInfo()\n\n  const { permissions } = useAuth()\n\n  const [initialData, setInitialData] = useState<PaginatedDocs>(() => {\n    if (initialDataFromProps) {\n      return {\n        ...initialDataFromProps,\n        docs: Array.isArray(initialDataFromProps.docs)\n          ? initialDataFromProps.docs.reduce((acc, doc) => {\n              if (typeof doc === 'string') {\n                return acc\n              }\n              return [...acc, doc]\n            }, [])\n          : [],\n      }\n    }\n  })\n\n  const { i18n, t } = useTranslation()\n\n  const [limit, setLimit] = useState<number>()\n  const [sort, setSort] = useState<string | undefined>(undefined)\n  const [page, setPage] = useState<number>(1)\n  const [where, setWhere] = useState<null | Where>(null)\n  const [search, setSearch] = useState<string>('')\n  const [openColumnSelector, setOpenColumnSelector] = useState(false)\n\n  const [collectionConfig] = useState(\n    () => getEntityConfig({ collectionSlug: relationTo }) as ClientCollectionConfig,\n  )\n\n  const apiURL = `${serverURL}${api}/${collectionConfig.slug}`\n\n  const [{ data }, { setParams }] = usePayloadAPI(apiURL, {\n    initialData,\n    initialParams: {\n      depth: 0,\n    },\n  })\n\n  useEffect(() => {\n    const {\n      admin: { listSearchableFields, useAsTitle } = {} as ClientCollectionConfig['admin'],\n      versions,\n    } = collectionConfig\n\n    const params: {\n      cacheBust?: number\n      depth?: number\n      draft?: string\n      limit?: number\n      page?: number\n      search?: string\n      sort?: string\n      where?: unknown\n    } = {\n      depth: 0,\n    }\n\n    let copyOfWhere = { ...(where || {}) }\n\n    if (filterOptions && typeof filterOptions !== 'boolean') {\n      copyOfWhere = hoistQueryParamsToAnd(copyOfWhere, filterOptions)\n    }\n\n    if (search) {\n      const searchAsConditions = (listSearchableFields || [useAsTitle]).map((fieldName) => {\n        return {\n          [fieldName]: {\n            like: search,\n          },\n        }\n      }, [])\n\n      if (searchAsConditions.length > 0) {\n        const searchFilter: Where = {\n          or: [...searchAsConditions],\n        }\n\n        copyOfWhere = hoistQueryParamsToAnd(copyOfWhere, searchFilter)\n      }\n    }\n\n    if (limit) {\n      params.limit = limit\n    }\n    if (page) {\n      params.page = page\n    }\n    if (sort) {\n      params.sort = sort\n    }\n    if (copyOfWhere) {\n      params.where = copyOfWhere\n    }\n    if (versions?.drafts) {\n      params.draft = 'true'\n    }\n\n    setParams(params)\n  }, [page, sort, where, search, collectionConfig, filterOptions, initialData, limit, setParams])\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer, openDrawer }] = useDocumentDrawer({\n    collectionSlug: relationTo,\n  })\n\n  const onDrawerSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      const foundDocIndex = data?.docs?.findIndex((doc) => doc.id === args.doc.id)\n\n      if (foundDocIndex !== -1) {\n        const newDocs = [...data.docs]\n        newDocs[foundDocIndex] = args.doc\n        setInitialData({\n          ...data,\n          docs: newDocs,\n        })\n      } else {\n        setInitialData({\n          ...data,\n          docs: [args.doc, ...data.docs],\n        })\n      }\n    },\n    [data],\n  )\n\n  const onDrawerCreate = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      closeDrawer()\n      void onDrawerSave(args)\n    },\n    [closeDrawer, onDrawerSave],\n  )\n\n  const preferenceKey = `${relationTo}-list`\n\n  const canCreate =\n    allowCreate !== false && permissions?.collections?.[relationTo]?.create?.permission\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        {Label}\n        <div className={`${baseClass}__actions`}>\n          {canCreate && <DocumentDrawerToggler>{i18n.t('fields:addNew')}</DocumentDrawerToggler>}\n          <Pill\n            aria-controls={`${baseClass}-columns`}\n            aria-expanded={openColumnSelector}\n            className={`${baseClass}__toggle-columns ${\n              openColumnSelector ? `${baseClass}__buttons-active` : ''\n            }`}\n            icon={<ChevronIcon direction={openColumnSelector ? 'up' : 'down'} />}\n            onClick={() => setOpenColumnSelector(!openColumnSelector)}\n            pillStyle=\"light\"\n          >\n            {t('general:columns')}\n          </Pill>\n        </div>\n      </div>\n      {data.docs && data.docs.length === 0 && (\n        <div className={`${baseClass}__no-results`}>\n          <p>\n            {i18n.t('general:noResults', {\n              label: getTranslation(collectionConfig?.labels?.plural, i18n),\n            })}\n          </p>\n          {canCreate && (\n            <Button onClick={openDrawer}>\n              {i18n.t('general:createNewLabel', {\n                label: getTranslation(collectionConfig?.labels?.singular, i18n),\n              })}\n            </Button>\n          )}\n        </div>\n      )}\n      {data.docs && data.docs.length > 0 && (\n        <RelationshipProvider>\n          <ListQueryProvider\n            data={data}\n            defaultLimit={limit || collectionConfig?.admin?.pagination?.defaultLimit}\n            defaultSort={sort}\n            handlePageChange={setPage}\n            handlePerPageChange={setLimit}\n            handleSearchChange={setSearch}\n            handleSortChange={setSort}\n            handleWhereChange={setWhere}\n            modifySearchParams={false}\n            preferenceKey={preferenceKey}\n          >\n            <TableColumnsProvider\n              beforeRows={[\n                {\n                  accessor: 'collection',\n                  active: true,\n                  cellProps: {\n                    field: {\n                      admin: {\n                        components: {\n                          Cell: {\n                            type: 'client',\n                            RenderedComponent: (\n                              <Pill>{getTranslation(collectionConfig.labels.singular, i18n)}</Pill>\n                            ),\n                          },\n                          Label: null,\n                        },\n                      },\n                    } as ClientField,\n                  },\n                  Heading: i18n.t('version:type'),\n                },\n              ]}\n              cellProps={[\n                {},\n                {\n                  field: {\n                    admin: {\n                      components: {\n                        Cell: {\n                          type: 'client',\n                          RenderedComponent: (\n                            <DrawerLink field={field} onDrawerSave={onDrawerSave} />\n                          ),\n                        },\n                      },\n                    },\n                  } as ClientField,\n                  link: false,\n                },\n              ]}\n              collectionSlug={relationTo}\n              preferenceKey={preferenceKey}\n              sortColumnProps={{\n                appearance: 'condensed',\n              }}\n            >\n              {/* @ts-expect-error TODO: get this CJS import to work, eslint keeps removing the type assertion */}\n              <AnimateHeight\n                className={`${baseClass}__columns`}\n                height={openColumnSelector ? 'auto' : 0}\n                id={`${baseClass}-columns`}\n              >\n                <div className={`${baseClass}__columns-inner`}>\n                  <ColumnSelector collectionSlug={collectionConfig.slug} />\n                </div>\n              </AnimateHeight>\n              <RelationshipTableWrapper collectionConfig={collectionConfig} />\n            </TableColumnsProvider>\n          </ListQueryProvider>\n        </RelationshipProvider>\n      )}\n      <DocumentDrawer\n        initialData={{\n          category: docID,\n        }}\n        initialState={initialDrawerState}\n        onSave={onDrawerCreate}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/RelationshipTable/index.scss

@@ -1,26 +1,28 @@
-.relationship-table {
-  position: relative;
+@layer payload-default {
+  .relationship-table {
+    position: relative;
 
-  &__header {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: var(--base);
-  }
+    &__header {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: var(--base);
+    }
 
-  &__actions {
-    display: flex;
-    align-items: center;
-    gap: var(--base);
-  }
+    &__actions {
+      display: flex;
+      align-items: center;
+      gap: var(--base);
+    }
 
-  &__columns-inner {
-    padding-bottom: var(--base);
-  }
+    &__columns-inner {
+      padding-bottom: var(--base);
+    }
 
-  .table {
-    th,
-    td:first-child {
-      min-width: 0;
+    .table {
+      th,
+      td:first-child {
+        min-width: 0;
+      }
     }
   }
 }

package/dist/elements/RenderTitle/index.scss

@@ -1,9 +1,11 @@
 @import '../../scss/styles.scss';
 
-.render-title {
-  display: inline-block;
-  &__id {
-    vertical-align: middle;
-    position: relative;
+@layer payload-default {
+  .render-title {
+    display: inline-block;
+    &__id {
+      vertical-align: middle;
+      position: relative;
+    }
   }
 }

package/dist/elements/SearchFilter/index.scss

@@ -1,36 +1,39 @@
 @import '../../scss/styles';
-[dir='rtl'] .search-filter {
-  svg {
-    right: base(0.5);
-    left: 0;
-  }
-  &__input {
-    padding-right: base(2);
-    padding-left: 0;
-  }
-}
-.search-filter {
-  position: relative;
 
-  svg {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    left: base(0.5);
+@layer payload-default {
+  [dir='rtl'] .search-filter {
+    svg {
+      right: base(0.5);
+      left: 0;
+    }
+    &__input {
+      padding-right: base(2);
+      padding-left: 0;
+    }
   }
+  .search-filter {
+    position: relative;
+
+    svg {
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+      left: base(0.5);
+    }
 
-  &__input {
-    @include formInput;
-    height: auto;
-    padding: 0;
-    box-shadow: none;
-    background-color: var(--theme-elevation-50);
-    border: none;
+    &__input {
+      @include formInput;
+      height: auto;
+      padding: 0;
+      box-shadow: none;
+      background-color: var(--theme-elevation-50);
+      border: none;
 
-    &:not(:disabled) {
-      &:hover,
-      &:focus {
-        box-shadow: none;
+      &:not(:disabled) {
+        &:hover,
+        &:focus {
+          box-shadow: none;
+        }
       }
     }
   }

package/dist/elements/SelectAll/index.scss

@@ -1,5 +1,7 @@
-.select-all {
-  &__checkbox {
-    display: block;
+@layer payload-default {
+  .select-all {
+    &__checkbox {
+      display: block;
+    }
   }
 }

package/dist/elements/SelectRow/index.scss

@@ -1,6 +1,8 @@
-.select-row {
-  &__checkbox {
-    display: block;
-    width: min-content;
+@layer payload-default {
+  .select-row {
+    &__checkbox {
+      display: block;
+      width: min-content;
+    }
   }
 }