@payloadcms/ui 3.0.0-canary.96477cf → 3.0.0-canary.98e0119

package/dist/views/List/index.scss

@@ -0,0 +1,179 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .collection-list {
+    width: 100%;
+
+    &__wrap {
+      padding-bottom: var(--spacing-view-bottom);
+
+      & > *:not(:last-child) {
+        margin-bottom: var(--base);
+      }
+    }
+
+    .list-header {
+      a {
+        text-decoration: none;
+      }
+
+      .btn--withoutPopup,
+      .btn--withPopup {
+        position: relative;
+        margin: 0 0 base(0.2);
+      }
+    }
+
+    &__sub-header {
+      flex-basis: 100%;
+    }
+
+    .table {
+      table {
+        width: 100%;
+        overflow: auto;
+
+        [class^='cell'] > p,
+        [class^='cell'] > span,
+        [class^='cell'] > a {
+          line-clamp: 4;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 4;
+          overflow: hidden;
+          display: -webkit-box;
+          max-width: 100vw;
+        }
+
+        #heading-_select,
+        .cell-_select {
+          display: flex;
+          min-width: unset;
+        }
+      }
+    }
+
+    &__no-results {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: var(--base);
+
+      & > * {
+        margin: 0;
+      }
+    }
+
+    &__page-controls {
+      width: 100%;
+      display: flex;
+      align-items: center;
+    }
+
+    .paginator {
+      margin-bottom: 0;
+    }
+
+    &__page-info {
+      [dir='ltr'] & {
+        margin-right: base(1);
+        margin-left: auto;
+      }
+      [dir='rtl'] & {
+        margin-left: base(1);
+        margin-right: auto;
+      }
+    }
+
+    &__list-selection {
+      position: fixed;
+      bottom: 0;
+      z-index: 10;
+      padding: base(0.8) 0;
+      width: 100%;
+      background-color: var(--theme-bg);
+
+      .btn {
+        margin: 0 0 0 base(0.4);
+      }
+
+      .btn {
+        background-color: var(--theme-elevation-100);
+        cursor: pointer;
+        padding: 0 base(0.4);
+        border-radius: $style-radius-s;
+
+        &:hover {
+          background-color: var(--theme-elevation-200);
+        }
+      }
+    }
+
+    &__list-selection-actions {
+      display: flex;
+      gap: base(0.25);
+    }
+
+    &__shimmer {
+      margin-top: base(1.75);
+      width: 100%;
+      > div {
+        margin-top: 8px;
+      }
+    }
+
+    @include mid-break {
+      margin-top: base(0.25);
+
+      &__wrap {
+        padding-top: 0;
+        padding-bottom: 0;
+      }
+
+      &__header {
+        gap: base(0.5);
+      }
+
+      &__sub-header {
+        margin-top: 0;
+      }
+
+      &__search-input {
+        margin: 0;
+      }
+
+      // on mobile, extend the table all the way to the viewport edges
+      // this is to visually indicate overflowing content
+      .table {
+        display: flex;
+        width: calc(100% + calc(var(--gutter-h) * 2));
+        max-width: unset;
+        left: calc(var(--gutter-h) * -1);
+        position: relative;
+        padding-left: var(--gutter-h);
+
+        &::after {
+          content: '';
+          height: 1px;
+          padding-right: var(--gutter-h);
+        }
+      }
+
+      &__page-controls {
+        flex-wrap: wrap;
+      }
+
+      &__page-info {
+        margin-left: 0;
+      }
+
+      .paginator {
+        width: 100%;
+        margin-bottom: $baseline;
+      }
+    }
+
+    @include small-break {
+      margin-bottom: base(2.4);
+    }
+  }
+}

package/dist/views/List/types.d.ts

@@ -0,0 +1,32 @@
+import type { I18n } from '@payloadcms/translations';
+import type { AdminViewProps, Locale, Payload, Permissions, SanitizedCollectionConfig, User } from 'payload';
+import type { ColumnPreferences } from '../../providers/ListQuery/index.js';
+export type DefaultListViewProps = {
+    collectionSlug: SanitizedCollectionConfig['slug'];
+    listSearchableFields: SanitizedCollectionConfig['admin']['listSearchableFields'];
+};
+export type ListIndexProps = {
+    collection: SanitizedCollectionConfig;
+};
+export type ListPreferences = {
+    columns: ColumnPreferences;
+    limit: number;
+    sort: string;
+};
+export type ListComponentClientProps = {
+    collectionSlug: SanitizedCollectionConfig['slug'];
+    hasCreatePermission: boolean;
+    newDocumentURL: string;
+};
+export type ListComponentServerProps = {
+    collectionConfig: SanitizedCollectionConfig;
+    i18n: I18n;
+    limit: number;
+    locale: Locale;
+    params: AdminViewProps['params'];
+    payload: Payload;
+    permissions: Permissions;
+    searchParams: AdminViewProps['searchParams'];
+    user: User;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/views/List/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/views/List/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EACV,cAAc,EACd,MAAM,EACN,OAAO,EACP,WAAW,EACX,yBAAyB,EACzB,IAAI,EACL,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAE3E,MAAM,MAAM,oBAAoB,GAAG;IACjC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACjD,oBAAoB,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAA;CACjF,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,yBAAyB,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,iBAAiB,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACjD,mBAAmB,EAAE,OAAO,CAAA;IAC5B,cAAc,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,gBAAgB,EAAE,yBAAyB,CAAA;IAC3C,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IAC5C,IAAI,EAAE,IAAI,CAAA;CACX,CAAA"}

package/dist/views/List/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/views/List/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/views/List/types.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  AdminViewProps,\n  Locale,\n  Payload,\n  Permissions,\n  SanitizedCollectionConfig,\n  User,\n} from 'payload'\n\nimport type { ColumnPreferences } from '../../providers/ListQuery/index.js'\n\nexport type DefaultListViewProps = {\n  collectionSlug: SanitizedCollectionConfig['slug']\n  listSearchableFields: SanitizedCollectionConfig['admin']['listSearchableFields']\n}\n\nexport type ListIndexProps = {\n  collection: SanitizedCollectionConfig\n}\n\nexport type ListPreferences = {\n  columns: ColumnPreferences\n  limit: number\n  sort: string\n}\n\nexport type ListComponentClientProps = {\n  collectionSlug: SanitizedCollectionConfig['slug']\n  hasCreatePermission: boolean\n  newDocumentURL: string\n}\n\nexport type ListComponentServerProps = {\n  collectionConfig: SanitizedCollectionConfig\n  i18n: I18n\n  limit: number\n  locale: Locale\n  params: AdminViewProps['params']\n  payload: Payload\n  permissions: Permissions\n  searchParams: AdminViewProps['searchParams']\n  user: User\n}\n"],"mappings":"AAiCA","ignoreList":[]}

package/license.md

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2018-2024 Payload CMS, Inc. <info@payloadcms.com>
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/package.json

@@ -1,12 +1,21 @@
 {
   "name": "@payloadcms/ui",
-  "version": "3.0.0-canary.96477cf",
+  "version": "3.0.0-canary.98e0119",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
     "url": "https://github.com/payloadcms/payload.git",
     "directory": "packages/ui"
   },
+  "license": "MIT",
+  "author": "Payload <dev@payloadcms.com> (https://payloadcms.com)",
+  "maintainers": [
+    {
+      "name": "Payload",
+      "email": "info@payloadcms.com",
+      "url": "https://payloadcms.com"
+    }
+  ],
   "sideEffects": false,
   "type": "module",
   "exports": {
@@ -20,11 +29,6 @@
       "types": "./dist/exports/shared/index.d.ts",
       "default": "./dist/exports/shared/index.js"
     },
-    "./utilities/createClientConfig": {
-      "import": "./dist/providers/Config/createClientConfig/index.js",
-      "types": "./dist/providers/Config/createClientConfig/index.d.ts",
-      "default": "./dist/providers/Config/createClientConfig/index.js"
-    },
     "./css": {
       "import": "./dist/styles.css",
       "default": "./dist/styles.css"
@@ -33,6 +37,11 @@
       "import": "./dist/scss/styles.scss",
       "default": "./dist/scss/styles.scss"
     },
+    "./rsc": {
+      "import": "./dist/exports/rsc/index.js",
+      "types": "./dist/exports/rsc/index.d.ts",
+      "default": "./dist/exports/rsc/index.js"
+    },
     "./scss/app.scss": "./dist/scss/app.scss",
     "./styles.css": "./dist/styles.css",
     "./assets": {
@@ -40,6 +49,11 @@
       "types": "./dist/assets/index.d.ts",
       "default": "./dist/assets/index.js"
     },
+    "./elements/RenderServerComponent": {
+      "import": "./dist/elements/RenderServerComponent/index.js",
+      "types": "./dist/elements/RenderServerComponent/index.d.ts",
+      "default": "./dist/elements/RenderServerComponent/index.js"
+    },
     "./elements/*": {
       "import": "./dist/elements/*/index.js",
       "types": "./dist/elements/*/index.d.ts",
@@ -106,10 +120,10 @@
     "react-select": "5.8.0",
     "scheduler": "0.0.0-experimental-3edc000d-20240926",
     "sonner": "^1.5.0",
-    "ts-essentials": "10.0.2",
+    "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
     "uuid": "10.0.0",
-    "@payloadcms/translations": "3.0.0-canary.96477cf"
+    "@payloadcms/translations": "3.0.0-canary.98e0119"
   },
   "devDependencies": {
     "@babel/cli": "^7.24.5",
@@ -126,15 +140,15 @@
     "babel-plugin-react-compiler": "0.0.0-experimental-24ec0eb-20240918",
     "esbuild": "0.23.1",
     "esbuild-sass-plugin": "3.3.1",
-    "eslint-plugin-react-compiler": "0.0.0-experimental-7670337-20240918",
-    "payload": "3.0.0-canary.96477cf",
-    "@payloadcms/eslint-config": "3.0.0-beta.97"
+    "eslint-plugin-react-compiler": "19.0.0-beta-a7bf2bd-20241110",
+    "@payloadcms/eslint-config": "3.0.0-beta.112",
+    "payload": "3.0.0-canary.98e0119"
   },
   "peerDependencies": {
-    "next": "^15.0.0-canary.173",
-    "react": "^19.0.0 || ^19.0.0-rc-3edc000d-20240926",
-    "react-dom": "^19.0.0 || ^19.0.0-rc-3edc000d-20240926",
-    "payload": "3.0.0-canary.96477cf"
+    "next": "^15.0.0",
+    "react": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
+    "react-dom": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
+    "payload": "3.0.0-canary.98e0119"
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"

package/dist/elements/ListDrawer/index.scss

@@ -1,117 +0,0 @@
-@import '../../scss/styles.scss';
-
-.list-drawer {
-  &__header {
-    margin-top: base(2.5);
-    width: 100%;
-
-    @include mid-break {
-      margin-top: base(1.5);
-    }
-  }
-
-  &__header-wrap {
-    display: flex;
-    gap: base(1);
-  }
-
-  &__header-content {
-    display: flex;
-    flex-wrap: wrap;
-    flex-grow: 1;
-    align-items: flex-start;
-    align-items: center;
-
-    button .pill {
-      pointer-events: none;
-      margin: 0;
-      top: 4px;
-      margin-left: base(0.5);
-    }
-  }
-
-  &__header-text {
-    margin: 0;
-  }
-
-  &__header-close {
-    flex-shrink: 0;
-  }
-
-  &__toggler {
-    background: transparent;
-    border: 0;
-    padding: 0;
-    cursor: pointer;
-    color: inherit;
-    border-radius: var(--style-radius-s);
-
-    &:focus:not(:focus-visible),
-    &:focus-within:not(:focus-visible) {
-      outline: none;
-    }
-
-    &:focus-visible {
-      outline: var(--accessibility-outline);
-      outline-offset: var(--accessibility-outline-offset);
-    }
-
-    &:disabled {
-      pointer-events: none;
-    }
-  }
-
-  &__header-close {
-    border: 0;
-    background-color: transparent;
-    padding: 0;
-    margin: 0;
-    cursor: pointer;
-    overflow: hidden;
-    width: base(1);
-    height: base(1);
-
-    svg {
-      width: base(2);
-      height: base(2);
-      position: relative;
-      inset-inline-start: base(-0.5);
-      top: base(-0.5);
-
-      .stroke {
-        stroke-width: 2px;
-        vector-effect: non-scaling-stroke;
-      }
-    }
-  }
-
-  &__select-collection-wrap {
-    margin-top: base(1);
-  }
-
-  &__first-cell {
-    border: 0;
-    background-color: transparent;
-    padding: 0;
-    cursor: pointer;
-    text-decoration: underline;
-    text-align: left;
-    white-space: nowrap;
-  }
-
-  @include mid-break {
-    .collection-list__header {
-      margin-bottom: base(0.5);
-    }
-
-    &__select-collection-wrap {
-      margin-top: calc(var(--base) / 2);
-    }
-
-    &__header-content {
-      button .pill {
-        top: 2px;
-      }
-    }
-  }
-}

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import './index.scss';
-type Props = {
-    children?: React.ReactNode;
-    className?: string;
-    heading: string;
-};
-export declare function ListHeader({ children, className, heading }: Props): React.JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AACD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,KAAK,qBAOjE"}

package/dist/elements/ListHeader/index.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import './index.scss';
-const baseClass = 'list-header';
-export function ListHeader({
-  children,
-  className,
-  heading
-}) {
-  return /*#__PURE__*/_jsxs("header", {
-    className: [baseClass, className].filter(Boolean).join(' '),
-    children: [/*#__PURE__*/_jsx("h1", {
-      children: heading
-    }), children]
-  });
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","baseClass","ListHeader","children","className","heading","_jsxs","filter","Boolean","join","_jsx"],"sources":["../../../src/elements/ListHeader/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'list-header'\n\ntype Props = {\n  children?: React.ReactNode\n  className?: string\n  heading: string\n}\nexport function ListHeader({ children, className, heading }: Props) {\n  return (\n    <header className={[baseClass, className].filter(Boolean).join(' ')}>\n      <h1>{heading}</h1>\n      {children}\n    </header>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAOlB,OAAO,SAASC,WAAW;EAAEC,QAAQ;EAAEC,SAAS;EAAEC;AAAO,CAAS;EAChE,oBACEC,KAAA,CAAC;IAAOF,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC7DC,IAAA,CAAC;gBAAIL;QACJF,QAAA;;AAGP","ignoreList":[]}

package/dist/elements/ListHeader/index.scss

@@ -1,10 +0,0 @@
-.list-header {
-  display: flex;
-  align-items: flex-end;
-  flex-wrap: wrap;
-  gap: calc(var(--base) * 0.8);
-
-  h1 {
-    margin: 0;
-  }
-}

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

@@ -1,8 +0,0 @@
-import type { ClientCollectionConfig } from 'payload';
-import React from 'react';
-type RelationshipTableComponentProps = {
-    readonly collectionConfig: ClientCollectionConfig;
-};
-export declare const RelationshipTableWrapper: React.FC<RelationshipTableComponentProps>;
-export {};
-//# sourceMappingURL=TableWrapper.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableWrapper.d.ts","sourceRoot":"","sources":["../../../src/elements/RelationshipTable/TableWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,KAAK,+BAA+B,GAAG;IACrC,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CA+B9E,CAAA"}

package/dist/elements/RelationshipTable/TableWrapper.js

@@ -1,69 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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/Table/RenderCell.d.ts

@@ -1,11 +0,0 @@
-import type { CellComponentProps } from 'payload';
-import React from 'react';
-import type { Column } from './index.js';
-export declare const RenderCell: React.FC<{
-    readonly cellProps?: Partial<CellComponentProps>;
-    readonly col: Column;
-    readonly colIndex: number;
-    readonly customCellContext?: Record<string, unknown>;
-    readonly row: Record<string, unknown>;
-}>;
-//# sourceMappingURL=RenderCell.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RenderCell.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/RenderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAMxC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;IAChD,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpD,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACtC,CAwBA,CAAA"}

package/dist/elements/Table/RenderCell.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useMemo } from 'react';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
-import { deepMergeSimple } from '../../utilities/deepMerge.js';
-import { TableCellProvider } from './TableCellProvider/index.js';
-export const RenderCell = props => {
-  const {
-    cellProps: cellPropsFromProps,
-    col,
-    colIndex,
-    customCellContext,
-    row
-  } = props;
-  const cellProps = useMemo(() => deepMergeSimple(col?.cellProps || {}, cellPropsFromProps || {}), [cellPropsFromProps, col.cellProps]);
-  return /*#__PURE__*/_jsx("td", {
-    className: `cell-${col.accessor}`,
-    children: /*#__PURE__*/_jsx(TableCellProvider, {
-      cellData: row[col.accessor],
-      cellProps: cellProps,
-      columnIndex: colIndex,
-      customCellContext: customCellContext,
-      rowData: row,
-      children: /*#__PURE__*/_jsx(RenderComponent, {
-        clientProps: cellProps,
-        mappedComponent: cellProps?.field?.admin?.components?.Cell
-      })
-    })
-  }, colIndex);
-};
-//# sourceMappingURL=RenderCell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RenderCell.js","names":["React","useMemo","RenderComponent","deepMergeSimple","TableCellProvider","RenderCell","props","cellProps","cellPropsFromProps","col","colIndex","customCellContext","row","_jsx","className","accessor","cellData","columnIndex","rowData","clientProps","mappedComponent","field","admin","components","Cell"],"sources":["../../../src/elements/Table/RenderCell.tsx"],"sourcesContent":["import type { CellComponentProps } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport type { Column } from './index.js'\n\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { deepMergeSimple } from '../../utilities/deepMerge.js'\nimport { TableCellProvider } from './TableCellProvider/index.js'\n\nexport const RenderCell: React.FC<{\n  readonly cellProps?: Partial<CellComponentProps>\n  readonly col: Column\n  readonly colIndex: number\n  readonly customCellContext?: Record<string, unknown>\n  readonly row: Record<string, unknown>\n}> = (props) => {\n  const { cellProps: cellPropsFromProps, col, colIndex, customCellContext, row } = props\n\n  const cellProps: Partial<CellComponentProps> = useMemo(\n    () => deepMergeSimple(col?.cellProps || {}, cellPropsFromProps || {}),\n    [cellPropsFromProps, col.cellProps],\n  )\n\n  return (\n    <td className={`cell-${col.accessor}`} key={colIndex}>\n      <TableCellProvider\n        cellData={row[col.accessor]}\n        cellProps={cellProps}\n        columnIndex={colIndex}\n        customCellContext={customCellContext}\n        rowData={row}\n      >\n        <RenderComponent\n          clientProps={cellProps}\n          mappedComponent={cellProps?.field?.admin?.components?.Cell}\n        />\n      </TableCellProvider>\n    </td>\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAI/B,SAASC,eAAe,QAAQ;AAChC,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAElC,OAAO,MAAMC,UAAA,GAMPC,KAAA;EACJ,MAAM;IAAEC,SAAA,EAAWC,kBAAkB;IAAEC,GAAG;IAAEC,QAAQ;IAAEC,iBAAiB;IAAEC;EAAG,CAAE,GAAGN,KAAA;EAEjF,MAAMC,SAAA,GAAyCN,OAAA,CAC7C,MAAME,eAAA,CAAgBM,GAAA,EAAKF,SAAA,IAAa,CAAC,GAAGC,kBAAA,IAAsB,CAAC,IACnE,CAACA,kBAAA,EAAoBC,GAAA,CAAIF,SAAS,CAAC;EAGrC,oBACEM,IAAA,CAAC;IAAGC,SAAA,EAAW,QAAQL,GAAA,CAAIM,QAAQ,EAAE;cACnC,aAAAF,IAAA,CAACT,iBAAA;MACCY,QAAA,EAAUJ,GAAG,CAACH,GAAA,CAAIM,QAAQ,CAAC;MAC3BR,SAAA,EAAWA,SAAA;MACXU,WAAA,EAAaP,QAAA;MACbC,iBAAA,EAAmBA,iBAAA;MACnBO,OAAA,EAASN,GAAA;gBAET,aAAAC,IAAA,CAACX,eAAA;QACCiB,WAAA,EAAaZ,SAAA;QACba,eAAA,EAAiBb,SAAA,EAAWc,KAAA,EAAOC,KAAA,EAAOC,UAAA,EAAYC;;;KAVhBd,QAAA;AAehD","ignoreList":[]}