@payloadcms/ui 3.0.0-beta.106 → 3.0.0-beta.108

package/dist/elements/RelationshipTable/TableWrapper.js

@@ -0,0 +1,69 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Fragment } from 'react';
+import { useListQuery } from '../../providers/ListQuery/index.js';
+import { Pagination } from '../Pagination/index.js';
+import { Table } from '../Table/index.js';
+export const RelationshipTableWrapper = props => {
+  const $ = _c(15);
+  const {
+    collectionConfig
+  } = props;
+  const {
+    data,
+    handlePageChange
+  } = useListQuery();
+  let t0;
+  if ($[0] !== collectionConfig.slug || $[1] !== collectionConfig.upload || $[2] !== collectionConfig.fields || $[3] !== data.docs || $[4] !== data.nextPage || $[5] !== data.page || $[6] !== data.prevPage || $[7] !== data.hasNextPage || $[8] !== data.hasPrevPage || $[9] !== data.limit || $[10] !== data.totalPages || $[11] !== handlePageChange) {
+    let t1;
+    if ($[13] !== handlePageChange) {
+      t1 = e => {
+        handlePageChange(e);
+      };
+      $[13] = handlePageChange;
+      $[14] = t1;
+    } else {
+      t1 = $[14];
+    }
+    t0 = _jsxs(Fragment, {
+      children: [_jsx(Table, {
+        appearance: "condensed",
+        customCellContext: {
+          collectionSlug: collectionConfig.slug,
+          uploadConfig: collectionConfig.upload
+        },
+        data: data.docs,
+        fields: collectionConfig.fields
+      }), _jsx(Pagination, {
+        hasNextPage: data.hasNextPage,
+        hasPrevPage: data.hasPrevPage,
+        limit: data.limit,
+        nextPage: data.nextPage || 2,
+        numberOfNeighbors: 1,
+        onChange: t1,
+        page: data.page || 1,
+        prevPage: data.prevPage || undefined,
+        totalPages: data.totalPages
+      })]
+    });
+    $[0] = collectionConfig.slug;
+    $[1] = collectionConfig.upload;
+    $[2] = collectionConfig.fields;
+    $[3] = data.docs;
+    $[4] = data.nextPage;
+    $[5] = data.page;
+    $[6] = data.prevPage;
+    $[7] = data.hasNextPage;
+    $[8] = data.hasPrevPage;
+    $[9] = data.limit;
+    $[10] = data.totalPages;
+    $[11] = handlePageChange;
+    $[12] = t0;
+  } else {
+    t0 = $[12];
+  }
+  return t0;
+};
+//# sourceMappingURL=TableWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableWrapper.js","names":["c","_c","React","Fragment","useListQuery","Pagination","Table","RelationshipTableWrapper","props","$","collectionConfig","data","handlePageChange","t0","slug","upload","fields","docs","nextPage","page","prevPage","hasNextPage","hasPrevPage","limit","totalPages","t1","e","_jsxs","children","_jsx","appearance","customCellContext","collectionSlug","uploadConfig","numberOfNeighbors","onChange","undefined"],"sources":["../../../src/elements/RelationshipTable/TableWrapper.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport React, { Fragment } from 'react'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { Pagination } from '../Pagination/index.js'\nimport { Table } from '../Table/index.js'\n\ntype RelationshipTableComponentProps = {\n  readonly collectionConfig: ClientCollectionConfig\n}\n\nexport const RelationshipTableWrapper: React.FC<RelationshipTableComponentProps> = (props) => {\n  const { collectionConfig } = props\n\n  const { data, handlePageChange } = useListQuery()\n\n  return (\n    <Fragment>\n      <Table\n        appearance=\"condensed\"\n        customCellContext={{\n          collectionSlug: collectionConfig.slug,\n          uploadConfig: collectionConfig.upload,\n        }}\n        data={data.docs}\n        fields={collectionConfig.fields}\n      />\n      <Pagination\n        hasNextPage={data.hasNextPage}\n        hasPrevPage={data.hasPrevPage}\n        limit={data.limit}\n        nextPage={data.nextPage || 2}\n        numberOfNeighbors={1}\n        onChange={(e) => {\n          void handlePageChange(e)\n        }}\n        page={data.page || 1}\n        prevPage={data.prevPage || undefined}\n        totalPages={data.totalPages}\n      />\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,YAAY,QAAQ;AAC7B,SAASC,UAAU,QAAQ;AAC3B,SAASC,KAAK,QAAQ;AAMtB,OAAO,MAAMC,wBAAA,GAAsEC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACjF;IAAAS;EAAA,IAA6BF,KAAA;EAE7B;IAAAG,IAAA;IAAAC;EAAA,IAAmCR,YAAA;EAAA,IAAAS,EAAA;EAAA,IAAAJ,CAAA,QAAAC,gBAAA,CAAAI,IAAA,IAAAL,CAAA,QAAAC,gBAAA,CAAAK,MAAA,IAAAN,CAAA,QAAAC,gBAAA,CAAAM,MAAA,IAAAP,CAAA,QAAAE,IAAA,CAAAM,IAAA,IAAAR,CAAA,QAAAE,IAAA,CAAAO,QAAA,IAAAT,CAAA,QAAAE,IAAA,CAAAQ,IAAA,IAAAV,CAAA,QAAAE,IAAA,CAAAS,QAAA,IAAAX,CAAA,QAAAE,IAAA,CAAAU,WAAA,IAAAZ,CAAA,QAAAE,IAAA,CAAAW,WAAA,IAAAb,CAAA,QAAAE,IAAA,CAAAY,KAAA,IAAAd,CAAA,SAAAE,IAAA,CAAAa,UAAA,IAAAf,CAAA,SAAAG,gBAAA;IAAA,IAAAa,EAAA;IAAA,IAAAhB,CAAA,SAAAG,gBAAA;MAmBnBa,EAAA,GAAAC,CAAA;QACHd,gBAAA,CAAiBc,CAAA;MAAA;MACxBjB,CAAA,OAAAG,gBAAA;MAAAH,CAAA,OAAAgB,EAAA;IAAA;MAAAA,EAAA,GAAAhB,CAAA;IAAA;IAlBJI,EAAA,GAAAc,KAAA,CAAAxB,QAAA;MAAAyB,QAAA,GACEC,IAAA,CAAAvB,KAAA;QAAAwB,UAAA,EACa;QAAAC,iBAAA;UAAAC,cAAA,EAEOtB,gBAAA,CAAAI,IAAA;UAAAmB,YAAA,EACFvB,gBAAA,CAAAK;QAAA;QAAAJ,IAAA,EAEVA,IAAA,CAAAM,IAAA;QAAAD,MAAA,EACEN,gBAAA,CAAAM;MAAA,C,GAEVa,IAAA,CAAAxB,UAAA;QAAAgB,WAAA,EACeV,IAAA,CAAAU,WAAA;QAAAC,WAAA,EACAX,IAAA,CAAAW,WAAA;QAAAC,KAAA,EACNZ,IAAA,CAAAY,KAAA;QAAAL,QAAA,EACGP,IAAA,CAAAO,QAAA,KAAiB;QAAAgB,iBAAA;QAAAC,QAAA,EAEjBV,EAEV;QAAAN,IAAA,EACMR,IAAA,CAAAQ,IAAA,KAAa;QAAAC,QAAA,EACTT,IAAA,CAAAS,QAAA,IAAAgB,SAAiB;QAAAZ,UAAA,EACfb,IAAA,CAAAa;MAAA,C;;;;;;;;;;;;;;;;;;SArBhBX,E;CAyBJ","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import type { CellComponentProps, JoinFieldClient } from 'payload';
+import React from 'react';
+import type { DocumentDrawerProps } from '../../../DocumentDrawer/types.js';
+import './index.scss';
+export declare const DrawerLink: React.FC<{
+    readonly onDrawerSave?: DocumentDrawerProps['onSave'];
+} & CellComponentProps<JoinFieldClient>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/RelationshipTable/cells/DrawerLink/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAElE,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAM3E,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B;IACE,QAAQ,CAAC,YAAY,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;CACtD,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAoCxC,CAAA"}

package/dist/elements/RelationshipTable/cells/DrawerLink/index.js

@@ -0,0 +1,82 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback } from 'react';
+import { EditIcon } from '../../../../icons/Edit/index.js';
+import { useDocumentDrawer } from '../../../DocumentDrawer/index.js';
+import { DefaultCell } from '../../../Table/DefaultCell/index.js';
+import { useTableCell } from '../../../Table/index.js';
+import './index.scss';
+export const DrawerLink = props => {
+  const $ = _c(12);
+  const context = useTableCell();
+  const {
+    field,
+    onDrawerSave: onDrawerSaveFromProps
+  } = props;
+  const {
+    cellProps,
+    customCellContext: t0,
+    rowData
+  } = context;
+  const {
+    collectionSlug
+  } = t0;
+  let t1;
+  if ($[0] !== rowData.id || $[1] !== collectionSlug) {
+    t1 = {
+      id: rowData.id,
+      collectionSlug
+    };
+    $[0] = rowData.id;
+    $[1] = collectionSlug;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const [DocumentDrawer, DocumentDrawerToggler, t2] = useDocumentDrawer(t1);
+  const {
+    closeDrawer
+  } = t2;
+  let t3;
+  if ($[3] !== closeDrawer || $[4] !== onDrawerSaveFromProps) {
+    t3 = args => {
+      closeDrawer();
+      if (typeof onDrawerSaveFromProps === "function") {
+        onDrawerSaveFromProps(args);
+      }
+    };
+    $[3] = closeDrawer;
+    $[4] = onDrawerSaveFromProps;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const onDrawerSave = t3;
+  let t4;
+  if ($[6] !== field || $[7] !== cellProps || $[8] !== DocumentDrawerToggler || $[9] !== onDrawerSave || $[10] !== DocumentDrawer) {
+    t4 = _jsxs("div", {
+      className: "drawer-link",
+      children: [_jsx(DefaultCell, {
+        field,
+        ...cellProps,
+        className: "drawer-link__cell"
+      }), _jsx(DocumentDrawerToggler, {
+        children: _jsx(EditIcon, {})
+      }), _jsx(DocumentDrawer, {
+        onSave: onDrawerSave
+      })]
+    });
+    $[6] = field;
+    $[7] = cellProps;
+    $[8] = DocumentDrawerToggler;
+    $[9] = onDrawerSave;
+    $[10] = DocumentDrawer;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","EditIcon","useDocumentDrawer","DefaultCell","useTableCell","DrawerLink","props","$","context","field","onDrawerSave","onDrawerSaveFromProps","cellProps","customCellContext","t0","rowData","collectionSlug","t1","id","DocumentDrawer","DocumentDrawerToggler","t2","closeDrawer","t3","args","t4","_jsxs","className","children","_jsx","onSave"],"sources":["../../../../../src/elements/RelationshipTable/cells/DrawerLink/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, JoinFieldClient } from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport type { DocumentDrawerProps } from '../../../DocumentDrawer/types.js'\n\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useDocumentDrawer } from '../../../DocumentDrawer/index.js'\nimport { DefaultCell } from '../../../Table/DefaultCell/index.js'\nimport { useTableCell } from '../../../Table/index.js'\nimport './index.scss'\n\nexport const DrawerLink: React.FC<\n  {\n    readonly onDrawerSave?: DocumentDrawerProps['onSave']\n  } & CellComponentProps<JoinFieldClient>\n> = (props) => {\n  const context = useTableCell()\n  const { field, onDrawerSave: onDrawerSaveFromProps } = props\n\n  const {\n    cellProps,\n    customCellContext: { collectionSlug },\n    rowData,\n  } = context\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n    id: rowData.id,\n    collectionSlug,\n  })\n\n  const onDrawerSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      closeDrawer()\n\n      if (typeof onDrawerSaveFromProps === 'function') {\n        void onDrawerSaveFromProps(args)\n      }\n    },\n    [closeDrawer, onDrawerSaveFromProps],\n  )\n\n  return (\n    <div className=\"drawer-link\">\n      <DefaultCell field={field} {...cellProps} className=\"drawer-link__cell\" />\n      <DocumentDrawerToggler>\n        <EditIcon />\n      </DocumentDrawerToggler>\n      <DocumentDrawer onSave={onDrawerSave} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAInC,SAASC,QAAQ,QAAQ;AACzB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,WAAW,QAAQ;AAC5B,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,OAAO,MAAMC,UAAA,GAITC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACF,MAAAU,OAAA,GAAgBJ,YAAA;EAChB;IAAAK,KAAA;IAAAC,YAAA,EAAAC;EAAA,IAAuDL,KAAA;EAEvD;IAAAM,SAAA;IAAAC,iBAAA,EAAAC,EAAA;IAAAC;EAAA,IAIIP,OAAA;EAFiB;IAAAQ;EAAA,IAAAF,EAAkB;EAAA,IAAAG,EAAA;EAAA,IAAAV,CAAA,QAAAQ,OAAA,CAAAG,EAAA,IAAAX,CAAA,QAAAS,cAAA;IAI4CC,EAAA;MAAAC,EAAA,EAC7EH,OAAA,CAAAG,EAAA;MAAAF;IAAA;IAENT,CAAA,MAAAQ,OAAA,CAAAG,EAAA;IAAAX,CAAA,MAAAS,cAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAHA,OAAAY,cAAA,EAAAC,qBAAA,EAAAC,EAAA,IAAiEnB,iBAAA,CAAkBe,EAGnF;EAH8C;IAAAK;EAAA,IAAAD,EAAe;EAAA,IAAAE,EAAA;EAAA,IAAAhB,CAAA,QAAAe,WAAA,IAAAf,CAAA,QAAAI,qBAAA;IAM3DY,EAAA,GAAAC,IAAA;MACEF,WAAA;MAAA,IAEI,OAAOX,qBAAA,KAA0B;QAC9BA,qBAAA,CAAsBa,IAAA;MAAA;IAAA;IAE/BjB,CAAA,MAAAe,WAAA;IAAAf,CAAA,MAAAI,qBAAA;IAAAJ,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAPF,MAAAG,YAAA,GAAqBa,EAQiB;EAAA,IAAAE,EAAA;EAAA,IAAAlB,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAa,qBAAA,IAAAb,CAAA,QAAAG,YAAA,IAAAH,CAAA,SAAAY,cAAA;IAIpCM,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAc;MAAAC,QAAA,GACbC,IAAA,CAAA1B,WAAA;QAAAM,KAAA;QAAA,GAA+BG,SAAS;QAAAe,SAAA,EAAY;MAAA,C,GACpDE,IAAA,CAACT,qBAAA;QAAAQ,QAAA,EACCC,IAAA,CAAA5B,QAAA,IAAC;MAAA,C,GAEH4B,IAAA,CAACV,cAAA;QAAAW,MAAA,EAAuBpB;MAAA,C;;;;;;;;;;;SAL1Be,E;CAQJ","ignoreList":[]}

package/dist/elements/RelationshipTable/cells/DrawerLink/index.scss

@@ -0,0 +1,4 @@
+.drawer-link {
+  display: flex;
+  gap: calc(var(--base) / 2);
+}

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

@@ -0,0 +1,15 @@
+import type { JoinFieldClient, PaginatedDocs, Where } from 'payload';
+import React from 'react';
+import type { DocumentDrawerProps } from '../DocumentDrawer/types.js';
+import './index.scss';
+type RelationshipTableComponentProps = {
+    readonly field: JoinFieldClient;
+    readonly filterOptions?: boolean | Where;
+    readonly initialData?: PaginatedDocs;
+    readonly initialDrawerState?: DocumentDrawerProps['initialState'];
+    readonly Label?: React.ReactNode;
+    readonly relationTo: string;
+};
+export declare const RelationshipTable: React.FC<RelationshipTableComponentProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RelationshipTable/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,eAAe,EACf,aAAa,EACb,KAAK,EACN,MAAM,SAAS,CAAA;AAEhB,OAAO,KAA2C,MAAM,OAAO,CAAA;AAO/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAiBrE,OAAO,cAAc,CAAA;AAKrB,KAAK,+BAA+B,GAAG;IACrC,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAA;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACxC,QAAQ,CAAC,WAAW,CAAC,EAAE,aAAa,CAAA;IACpC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IACjE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CA0RvE,CAAA"}

package/dist/elements/RelationshipTable/index.js

@@ -0,0 +1,445 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useState } from 'react';
+import AnimateHeightImport from 'react-animate-height';
+const AnimateHeight = AnimateHeightImport.default || AnimateHeightImport;
+import { getTranslation } from '@payloadcms/translations';
+import { Button } from '../../elements/Button/index.js';
+import { Pill } from '../../elements/Pill/index.js';
+import { usePayloadAPI } from '../../hooks/usePayloadAPI.js';
+import { ChevronIcon } from '../../icons/Chevron/index.js';
+import { useAuth } from '../../providers/Auth/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { ListQueryProvider } from '../../providers/ListQuery/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { ColumnSelector } from '../ColumnSelector/index.js';
+import { useDocumentDrawer } from '../DocumentDrawer/index.js';
+import { hoistQueryParamsToAnd } from '../ListDrawer/DrawerContent.js';
+import { RelationshipProvider } from '../Table/RelationshipProvider/index.js';
+import { TableColumnsProvider } from '../TableColumns/index.js';
+import { DrawerLink } from './cells/DrawerLink/index.js';
+import './index.scss';
+import { RelationshipTableWrapper } from './TableWrapper.js';
+const baseClass = 'relationship-table';
+export const RelationshipTable = props => {
+  const $ = _c(79);
+  const {
+    field,
+    filterOptions,
+    initialData: initialDataFromProps,
+    initialDrawerState,
+    Label,
+    relationTo
+  } = props;
+  const {
+    config: t0,
+    getEntityConfig
+  } = useConfig();
+  const {
+    routes: t1,
+    serverURL
+  } = t0;
+  const {
+    api
+  } = t1;
+  const {
+    id: docID
+  } = useDocumentInfo();
+  const {
+    permissions
+  } = useAuth();
+  let t2;
+  if ($[0] !== initialDataFromProps) {
+    t2 = () => {
+      if (initialDataFromProps) {
+        return {
+          ...initialDataFromProps,
+          docs: Array.isArray(initialDataFromProps.docs) ? initialDataFromProps.docs.reduce((acc, doc) => {
+            if (typeof doc === "string") {
+              return acc;
+            }
+            return [...acc, doc];
+          }, []) : []
+        };
+      }
+    };
+    $[0] = initialDataFromProps;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const [initialData, setInitialData] = useState(t2);
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [limit, setLimit] = useState();
+  const [sort, setSort] = useState(undefined);
+  const [page, setPage] = useState(1);
+  const [where, setWhere] = useState(null);
+  const [search, setSearch] = useState("");
+  const [openColumnSelector, setOpenColumnSelector] = useState(false);
+  let t3;
+  if ($[2] !== getEntityConfig || $[3] !== relationTo) {
+    t3 = () => getEntityConfig({
+      collectionSlug: relationTo
+    });
+    $[2] = getEntityConfig;
+    $[3] = relationTo;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const [collectionConfig] = useState(t3);
+  const apiURL = `${serverURL}${api}/${collectionConfig.slug}`;
+  let t4;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
+      depth: 0
+    };
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== initialData) {
+    t5 = {
+      initialData,
+      initialParams: t4
+    };
+    $[6] = initialData;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  const [t6, t7] = usePayloadAPI(apiURL, t5);
+  const {
+    data
+  } = t6;
+  const {
+    setParams
+  } = t7;
+  let t8;
+  if ($[8] !== collectionConfig || $[9] !== where || $[10] !== filterOptions || $[11] !== search || $[12] !== limit || $[13] !== page || $[14] !== sort || $[15] !== setParams) {
+    t8 = () => {
+      const {
+        admin: t9,
+        versions
+      } = collectionConfig;
+      const {
+        listSearchableFields,
+        useAsTitle
+      } = t9 === undefined ? {} : t9;
+      const params = {
+        depth: 0
+      };
+      let copyOfWhere = {
+        ...(where || {})
+      };
+      if (filterOptions && typeof filterOptions !== "boolean") {
+        copyOfWhere = hoistQueryParamsToAnd(copyOfWhere, filterOptions);
+      }
+      if (search) {
+        const searchAsConditions = (listSearchableFields || [useAsTitle]).map(fieldName => ({
+          [fieldName]: {
+            like: search
+          }
+        }), []);
+        if (searchAsConditions.length > 0) {
+          const searchFilter = {
+            or: [...searchAsConditions]
+          };
+          copyOfWhere = hoistQueryParamsToAnd(copyOfWhere, searchFilter);
+        }
+      }
+      if (limit) {
+        params.limit = limit;
+      }
+      if (page) {
+        params.page = page;
+      }
+      if (sort) {
+        params.sort = sort;
+      }
+      if (copyOfWhere) {
+        params.where = copyOfWhere;
+      }
+      if (versions?.drafts) {
+        params.draft = "true";
+      }
+      setParams(params);
+    };
+    $[8] = collectionConfig;
+    $[9] = where;
+    $[10] = filterOptions;
+    $[11] = search;
+    $[12] = limit;
+    $[13] = page;
+    $[14] = sort;
+    $[15] = setParams;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  let t9;
+  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];
+    $[17] = page;
+    $[18] = sort;
+    $[19] = where;
+    $[20] = search;
+    $[21] = collectionConfig;
+    $[22] = filterOptions;
+    $[23] = initialData;
+    $[24] = limit;
+    $[25] = setParams;
+    $[26] = t9;
+  } else {
+    t9 = $[26];
+  }
+  useEffect(t8, t9);
+  let t10;
+  if ($[27] !== relationTo) {
+    t10 = {
+      collectionSlug: relationTo
+    };
+    $[27] = relationTo;
+    $[28] = t10;
+  } else {
+    t10 = $[28];
+  }
+  const [DocumentDrawer, DocumentDrawerToggler, t11] = useDocumentDrawer(t10);
+  const {
+    closeDrawer,
+    openDrawer
+  } = t11;
+  let t12;
+  if ($[29] !== data) {
+    t12 = args => {
+      const foundDocIndex = data?.docs?.findIndex(doc_0 => doc_0.id === args.doc.id);
+      if (foundDocIndex !== -1) {
+        const newDocs = [...data.docs];
+        newDocs[foundDocIndex] = args.doc;
+        setInitialData({
+          ...data,
+          docs: newDocs
+        });
+      } else {
+        setInitialData({
+          ...data,
+          docs: [args.doc, ...data.docs]
+        });
+      }
+    };
+    $[29] = data;
+    $[30] = t12;
+  } else {
+    t12 = $[30];
+  }
+  const onDrawerSave = t12;
+  let t13;
+  if ($[31] !== closeDrawer || $[32] !== onDrawerSave) {
+    t13 = args_0 => {
+      closeDrawer();
+      onDrawerSave(args_0);
+    };
+    $[31] = closeDrawer;
+    $[32] = onDrawerSave;
+    $[33] = t13;
+  } else {
+    t13 = $[33];
+  }
+  const onDrawerCreate = t13;
+  const preferenceKey = `${relationTo}-list`;
+  const hasCreatePermission = permissions?.collections?.[relationTo]?.create?.permission;
+  let t14;
+  if ($[34] !== hasCreatePermission || $[35] !== i18n || $[36] !== DocumentDrawerToggler) {
+    t14 = hasCreatePermission && _jsx(DocumentDrawerToggler, {
+      children: i18n.t("fields:addNew")
+    });
+    $[34] = hasCreatePermission;
+    $[35] = i18n;
+    $[36] = DocumentDrawerToggler;
+    $[37] = t14;
+  } else {
+    t14 = $[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;
+    if ($[60] !== openColumnSelector) {
+      t18 = () => setOpenColumnSelector(!openColumnSelector);
+      $[60] = openColumnSelector;
+      $[61] = t18;
+    } else {
+      t18 = $[61];
+    }
+    let t19;
+    if ($[62] !== data.docs || $[63] !== collectionConfig || $[64] !== i18n || $[65] !== hasCreatePermission || $[66] !== openDrawer) {
+      t19 = 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, {
+          onClick: openDrawer,
+          children: i18n.t("general:createNewLabel", {
+            label: getTranslation(collectionConfig?.labels?.singular, i18n)
+          })
+        })]
+      });
+      $[62] = data.docs;
+      $[63] = collectionConfig;
+      $[64] = i18n;
+      $[65] = hasCreatePermission;
+      $[66] = openDrawer;
+      $[67] = t19;
+    } else {
+      t19 = $[67];
+    }
+    let t20;
+    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, {
+        children: _jsx(ListQueryProvider, {
+          data,
+          defaultLimit: limit || collectionConfig?.admin?.pagination?.defaultLimit,
+          defaultSort: sort,
+          handlePageChange: setPage,
+          handlePerPageChange: setLimit,
+          handleSearchChange: setSearch,
+          handleSortChange: setSort,
+          handleWhereChange: setWhere,
+          modifySearchParams: false,
+          preferenceKey,
+          children: _jsxs(TableColumnsProvider, {
+            beforeRows: [{
+              accessor: "collection",
+              active: true,
+              cellProps: {
+                field: {
+                  admin: {
+                    components: {
+                      Cell: {
+                        type: "client",
+                        RenderedComponent: _jsx(Pill, {
+                          children: getTranslation(collectionConfig.labels.singular, i18n)
+                        })
+                      },
+                      Label: null
+                    }
+                  }
+                }
+              },
+              Heading: i18n.t("version:type")
+            }],
+            cellProps: [{}, {
+              field: {
+                admin: {
+                  components: {
+                    Cell: {
+                      type: "client",
+                      RenderedComponent: _jsx(DrawerLink, {
+                        field,
+                        onDrawerSave
+                      })
+                    }
+                  }
+                }
+              },
+              link: false
+            }],
+            collectionSlug: relationTo,
+            preferenceKey,
+            sortColumnProps: {
+              appearance: "condensed"
+            },
+            children: [_jsx(AnimateHeight, {
+              className: `${baseClass}__columns`,
+              height: openColumnSelector ? "auto" : 0,
+              id: `${baseClass}-columns`,
+              children: _jsx("div", {
+                className: `${baseClass}__columns-inner`,
+                children: _jsx(ColumnSelector, {
+                  collectionSlug: collectionConfig.slug
+                })
+              })
+            }), _jsx(RelationshipTableWrapper, {
+              collectionConfig
+            })]
+          })
+        })
+      });
+      $[68] = data;
+      $[69] = limit;
+      $[70] = collectionConfig;
+      $[71] = i18n;
+      $[72] = field;
+      $[73] = onDrawerSave;
+      $[74] = openColumnSelector;
+      $[75] = relationTo;
+      $[76] = preferenceKey;
+      $[77] = sort;
+      $[78] = t20;
+    } else {
+      t20 = $[78];
+    }
+    t17 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsxs("div", {
+        className: `${baseClass}__header`,
+        children: [Label, _jsxs("div", {
+          className: `${baseClass}__actions`,
+          children: [t14, _jsx(Pill, {
+            "aria-controls": `${baseClass}-columns`,
+            "aria-expanded": openColumnSelector,
+            className: t15,
+            icon: _jsx(ChevronIcon, {
+              direction: t16
+            }),
+            onClick: t18,
+            pillStyle: "light",
+            children: t("general:columns")
+          })]
+        })]
+      }), t19, t20, _jsx(DocumentDrawer, {
+        initialData: {
+          category: docID
+        },
+        initialState: initialDrawerState,
+        onSave: onDrawerCreate
+      })]
+    });
+    $[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;
+    $[59] = t17;
+  } else {
+    t17 = $[59];
+  }
+  return t17;
+};
+//# sourceMappingURL=index.js.map