@payloadcms/ui 4.0.0-canary.14 → 4.0.0-canary.16

package/dist/views/Logout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Logout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B;IACE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,GAAG,oBAAoB,CAuBzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Logout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAGnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B;IACE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,GAAG,oBAAoB,CAiCzB,CAAA"}

package/dist/views/Logout/index.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { getSafeRedirect } from 'payload/shared';
 import React from 'react';
 // eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds
 import { LogoutClient } from '../../exports/client/index.js';
@@ -10,6 +11,7 @@ export const LogoutView = ({
   searchParams
 }) => {
   const {
+    req,
     req: {
       payload: {
         config: {
@@ -21,6 +23,15 @@ export const LogoutView = ({
       user
     }
   } = initPageResult;
+  // Reaching the inactivity route while still authenticated (e.g. auto-login has
+  // re-authenticated the user) means the inactivity screen doesn't apply. Redirect back
+  // to where they were headed instead of rendering the logout overlay indefinitely.
+  if (inactivity && user) {
+    req.server.redirect(getSafeRedirect({
+      fallbackTo: adminRoute,
+      redirectTo: searchParams.redirect
+    }));
+  }
   return /*#__PURE__*/_jsx("div", {
     className: `${baseClass}`,
     children: /*#__PURE__*/_jsx(LogoutClient, {

package/dist/views/Logout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","LogoutClient","baseClass","LogoutView","inactivity","initPageResult","searchParams","req","payload","config","routes","admin","adminRoute","user","_jsx","className","redirect","id","collection"],"sources":["../../../src/views/Logout/index.tsx"],"sourcesContent":["import type { AdminViewServerProps } from 'payload'\n\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { LogoutClient } from '../../exports/client/index.js'\nimport './index.css'\n\nconst baseClass = 'logout'\n\nexport const LogoutView: React.FC<\n  {\n    inactivity?: boolean\n  } & AdminViewServerProps\n> = ({ inactivity, initPageResult, searchParams }) => {\n  const {\n    req: {\n      payload: {\n        config: {\n          routes: { admin: adminRoute },\n        },\n      },\n      user,\n    },\n  } = initPageResult\n\n  return (\n    <div className={`${baseClass}`}>\n      <LogoutClient\n        adminRoute={adminRoute}\n        inactivity={inactivity}\n        redirect={searchParams.redirect as string}\n        user={user ? { id: user.id, collection: user.collection } : null}\n      />\n    </div>\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB;AACA,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAITA,CAAC;EAAEC,UAAU;EAAEC,cAAc;EAAEC;AAAY,CAAE;EAC/C,MAAM;IACJC,GAAA,EAAK;MACHC,OAAA,EAAS;QACPC,MAAA,EAAQ;UACNC,MAAA,EAAQ;YAAEC,KAAA,EAAOC;UAAU;QAAE;MAC9B,CACF;MACDC;IAAI;EACL,CACF,GAAGR,cAAA;EAEJ,oBACES,IAAA,CAAC;IAAIC,SAAA,EAAW,GAAGb,SAAA,EAAW;cAC5B,aAAAY,IAAA,CAACb,YAAA;MACCW,UAAA,EAAYA,UAAA;MACZR,UAAA,EAAYA,UAAA;MACZY,QAAA,EAAUV,YAAA,CAAaU,QAAQ;MAC/BH,IAAA,EAAMA,IAAA,GAAO;QAAEI,EAAA,EAAIJ,IAAA,CAAKI,EAAE;QAAEC,UAAA,EAAYL,IAAA,CAAKK;MAAW,IAAI;;;AAIpE","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getSafeRedirect","React","LogoutClient","baseClass","LogoutView","inactivity","initPageResult","searchParams","req","payload","config","routes","admin","adminRoute","user","server","redirect","fallbackTo","redirectTo","_jsx","className","id","collection"],"sources":["../../../src/views/Logout/index.tsx"],"sourcesContent":["import type { AdminViewServerProps } from 'payload'\n\nimport { getSafeRedirect } from 'payload/shared'\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { LogoutClient } from '../../exports/client/index.js'\nimport './index.css'\n\nconst baseClass = 'logout'\n\nexport const LogoutView: React.FC<\n  {\n    inactivity?: boolean\n  } & AdminViewServerProps\n> = ({ inactivity, initPageResult, searchParams }) => {\n  const {\n    req,\n    req: {\n      payload: {\n        config: {\n          routes: { admin: adminRoute },\n        },\n      },\n      user,\n    },\n  } = initPageResult\n\n  // Reaching the inactivity route while still authenticated (e.g. auto-login has\n  // re-authenticated the user) means the inactivity screen doesn't apply. Redirect back\n  // to where they were headed instead of rendering the logout overlay indefinitely.\n  if (inactivity && user) {\n    req.server.redirect(\n      getSafeRedirect({ fallbackTo: adminRoute, redirectTo: searchParams.redirect as string }),\n    )\n  }\n\n  return (\n    <div className={`${baseClass}`}>\n      <LogoutClient\n        adminRoute={adminRoute}\n        inactivity={inactivity}\n        redirect={searchParams.redirect as string}\n        user={user ? { id: user.id, collection: user.collection } : null}\n      />\n    </div>\n  )\n}\n"],"mappings":";AAEA,SAASA,eAAe,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAElB;AACA,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAITA,CAAC;EAAEC,UAAU;EAAEC,cAAc;EAAEC;AAAY,CAAE;EAC/C,MAAM;IACJC,GAAG;IACHA,GAAA,EAAK;MACHC,OAAA,EAAS;QACPC,MAAA,EAAQ;UACNC,MAAA,EAAQ;YAAEC,KAAA,EAAOC;UAAU;QAAE;MAC9B,CACF;MACDC;IAAI;EACL,CACF,GAAGR,cAAA;EAEJ;EACA;EACA;EACA,IAAID,UAAA,IAAcS,IAAA,EAAM;IACtBN,GAAA,CAAIO,MAAM,CAACC,QAAQ,CACjBhB,eAAA,CAAgB;MAAEiB,UAAA,EAAYJ,UAAA;MAAYK,UAAA,EAAYX,YAAA,CAAaS;IAAmB;EAE1F;EAEA,oBACEG,IAAA,CAAC;IAAIC,SAAA,EAAW,GAAGjB,SAAA,EAAW;cAC5B,aAAAgB,IAAA,CAACjB,YAAA;MACCW,UAAA,EAAYA,UAAA;MACZR,UAAA,EAAYA,UAAA;MACZW,QAAA,EAAUT,YAAA,CAAaS,QAAQ;MAC/BF,IAAA,EAAMA,IAAA,GAAO;QAAEO,EAAA,EAAIP,IAAA,CAAKO,EAAE;QAAEC,UAAA,EAAYR,IAAA,CAAKQ;MAAW,IAAI;;;AAIpE","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "4.0.0-canary.14",
+  "version": "4.0.0-canary.16",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -294,7 +294,7 @@
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
     "uuid": "14.0.0",
-    "@payloadcms/translations": "4.0.0-canary.14"
+    "@payloadcms/translations": "4.0.0-canary.16"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -309,12 +309,12 @@
     "esbuild": "0.27.1",
     "esbuild-sass-plugin": "3.3.1",
     "@payloadcms/eslint-config": "3.28.0",
-    "payload": "4.0.0-canary.14"
+    "payload": "4.0.0-canary.16"
   },
   "peerDependencies": {
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
     "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "payload": "4.0.0-canary.14"
+    "payload": "4.0.0-canary.16"
   },
   "engines": {
     "node": ">=24.15.0"

package/dist/elements/RelationshipTable/Pagination.css

@@ -1,39 +0,0 @@
-@layer payload-default {
-  .relationship-table-pagination {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    font-family: var(--text-body-medium-font-family);
-    font-size: var(--text-body-medium-font-size);
-    font-weight: var(--text-body-medium-font-weight);
-    line-height: var(--text-body-medium-line-height);
-    color: var(--color-text-secondary);
-  }
-
-  .relationship-table-pagination__nav {
-    display: flex;
-    gap: var(--spacer-3);
-    align-items: center;
-  }
-
-  .relationship-table-pagination__button {
-    background: none;
-    border: none;
-    padding: 0;
-    font: inherit;
-    color: var(--color-text-secondary);
-    cursor: pointer;
-
-    &:hover:not(:disabled) {
-      color: var(--color-text);
-    }
-
-    &:disabled {
-      cursor: not-allowed;
-    }
-  }
-
-  .relationship-table-pagination__count {
-    white-space: nowrap;
-  }
-}