@payloadcms/next 3.0.0-beta.79 → 3.0.0-beta.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/elements/LeaveWithoutSaving/index.d.ts.map +1 -1
  2. package/dist/elements/LeaveWithoutSaving/index.js +7 -0
  3. package/dist/elements/LeaveWithoutSaving/index.js.map +1 -1
  4. package/dist/elements/LeaveWithoutSaving/usePreventLeave.d.ts +2 -1
  5. package/dist/elements/LeaveWithoutSaving/usePreventLeave.d.ts.map +1 -1
  6. package/dist/elements/LeaveWithoutSaving/usePreventLeave.js +3 -1
  7. package/dist/elements/LeaveWithoutSaving/usePreventLeave.js.map +1 -1
  8. package/dist/elements/Nav/NavWrapper/index.d.ts.map +1 -1
  9. package/dist/elements/Nav/NavWrapper/index.js +4 -2
  10. package/dist/elements/Nav/NavWrapper/index.js.map +1 -1
  11. package/dist/elements/Nav/NavWrapper/index.scss +4 -1
  12. package/dist/elements/Nav/index.scss +4 -1
  13. package/dist/layouts/Root/index.d.ts.map +1 -1
  14. package/dist/layouts/Root/index.js +28 -0
  15. package/dist/layouts/Root/index.js.map +1 -1
  16. package/dist/prod/styles.css +1 -1
  17. package/dist/templates/Default/Wrapper/index.d.ts.map +1 -1
  18. package/dist/templates/Default/Wrapper/index.js +4 -2
  19. package/dist/templates/Default/Wrapper/index.js.map +1 -1
  20. package/dist/templates/Default/Wrapper/index.scss +36 -4
  21. package/package.json +6 -6
package/dist/templates/Default/Wrapper/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/Default/Wrapper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAaA,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/Default/Wrapper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAmBA,CAAA"}
package/dist/templates/Default/Wrapper/index.js CHANGED
@@ -4,12 +4,14 @@ import { useNav } from '@payloadcms/ui';
4
4
  import React from 'react';
5
5
  export const Wrapper = (props)=>{
6
6
  const { baseClass, children, className } = props;
7
- const { navOpen } = useNav();
7
+ const { hydrated, navOpen, shouldAnimate } = useNav();
8
8
  return /*#__PURE__*/ _jsx("div", {
9
9
  className: [
10
10
  baseClass,
11
11
  className,
12
- navOpen && `${baseClass}--nav-open`
12
+ navOpen && `${baseClass}--nav-open`,
13
+ shouldAnimate && `${baseClass}--nav-animate`,
14
+ hydrated && `${baseClass}--nav-hydrated`
13
15
  ].filter(Boolean).join(' '),
14
16
  children: children
15
17
  });
package/dist/templates/Default/Wrapper/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/templates/Default/Wrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nexport const Wrapper: React.FC<{\n baseClass?: string\n children?: React.ReactNode\n className?: string\n}> = (props) => {\n const { baseClass, children, className } = props\n const { navOpen } = useNav()\n\n return (\n <div\n className={[baseClass, className, navOpen && `${baseClass}--nav-open`]\n .filter(Boolean)\n .join(' ')}\n >\n {children}\n </div>\n )\n}\n"],"names":["useNav","React","Wrapper","props","baseClass","children","className","navOpen","div","filter","Boolean","join"],"mappings":"AAAA;;AACA,SAASA,MAAM,QAAQ,iBAAgB;AACvC,OAAOC,WAAW,QAAO;AAIzB,OAAO,MAAMC,UAIR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGH;IAC3C,MAAM,EAAEI,OAAO,EAAE,GAAGP;IAEpB,qBACE,KAACQ;QACCF,WAAW;YAACF;YAAWE;YAAWC,WAAW,CAAC,EAAEH,UAAU,UAAU,CAAC;SAAC,CACnEK,MAAM,CAACC,SACPC,IAAI,CAAC;kBAEPN;;AAGP,EAAC"}
1
+ {"version":3,"sources":["../../../../src/templates/Default/Wrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nexport const Wrapper: React.FC<{\n baseClass?: string\n children?: React.ReactNode\n className?: string\n}> = (props) => {\n const { baseClass, children, className } = props\n const { hydrated, navOpen, shouldAnimate } = useNav()\n\n return (\n <div\n className={[\n baseClass,\n className,\n navOpen && `${baseClass}--nav-open`,\n shouldAnimate && `${baseClass}--nav-animate`,\n hydrated && `${baseClass}--nav-hydrated`,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n {children}\n </div>\n )\n}\n"],"names":["useNav","React","Wrapper","props","baseClass","children","className","hydrated","navOpen","shouldAnimate","div","filter","Boolean","join"],"mappings":"AAAA;;AACA,SAASA,MAAM,QAAQ,iBAAgB;AACvC,OAAOC,WAAW,QAAO;AAIzB,OAAO,MAAMC,UAIR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGH;IAC3C,MAAM,EAAEI,QAAQ,EAAEC,OAAO,EAAEC,aAAa,EAAE,GAAGT;IAE7C,qBACE,KAACU;QACCJ,WAAW;YACTF;YACAE;YACAE,WAAW,CAAC,EAAEJ,UAAU,UAAU,CAAC;YACnCK,iBAAiB,CAAC,EAAEL,UAAU,aAAa,CAAC;YAC5CG,YAAY,CAAC,EAAEH,UAAU,cAAc,CAAC;SACzC,CACEO,MAAM,CAACC,SACPC,IAAI,CAAC;kBAEPR;;AAGP,EAAC"}
package/dist/templates/Default/Wrapper/index.scss CHANGED
@@ -4,17 +4,17 @@
4
4
  min-height: 100vh;
5
5
  display: grid;
6
6
  position: relative;
7
- grid-template-columns: 0 auto;
8
- transition: grid-template-columns var(--nav-trans-time) linear;
9
7
  isolation: isolate;
10
8
 
11
9
  @media (prefers-reduced-motion) {
12
10
  transition: none;
13
11
  }
14
12
 
13
+ &--nav-animate {
14
+ transition: grid-template-columns var(--nav-trans-time) linear;
15
+ }
16
+
15
17
  &--nav-open {
16
- width: 100%;
17
- grid-template-columns: var(--nav-width) auto;
18
18
 
19
19
  .template-default {
20
20
  &__nav-overlay {
@@ -23,3 +23,35 @@
23
23
  }
24
24
  }
25
25
  }
26
+
27
+ @media (min-width: 1441px) {
28
+ .template-default {
29
+ grid-template-columns: 0 auto;
30
+
31
+ &--nav-open {
32
+ grid-template-columns: var(--nav-width) auto;
33
+ }
34
+ }
35
+ }
36
+
37
+ @media (max-width: 1440px) {
38
+ .template-default--nav-hydrated.template-default--nav-open {
39
+ grid-template-columns: var(--nav-width) auto;
40
+ }
41
+
42
+ .template-default {
43
+ grid-template-columns: 1fr auto;
44
+
45
+ .nav {
46
+ display: none;
47
+ }
48
+
49
+ &--nav-hydrated {
50
+ grid-template-columns: 0 auto;
51
+
52
+ .nav {
53
+ display: unset;
54
+ }
55
+ }
56
+ }
57
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@payloadcms/next",
3
- "version": "3.0.0-beta.79",
3
+ "version": "3.0.0-beta.80",
4
4
  "homepage": "https://payloadcms.com",
5
5
  "repository": {
6
6
  "type": "git",
@@ -63,9 +63,9 @@
63
63
  "sonner": "^1.5.0",
64
64
  "uuid": "10.0.0",
65
65
  "ws": "^8.16.0",
66
- "@payloadcms/ui": "3.0.0-beta.79",
67
- "@payloadcms/translations": "3.0.0-beta.79",
68
- "@payloadcms/graphql": "3.0.0-beta.79"
66
+ "@payloadcms/graphql": "3.0.0-beta.80",
67
+ "@payloadcms/translations": "3.0.0-beta.80",
68
+ "@payloadcms/ui": "3.0.0-beta.80"
69
69
  },
70
70
  "devDependencies": {
71
71
  "@next/eslint-plugin-next": "^14.1.0",
@@ -78,12 +78,12 @@
78
78
  "esbuild-sass-plugin": "3.3.1",
79
79
  "swc-plugin-transform-remove-imports": "1.15.0",
80
80
  "@payloadcms/eslint-config": "3.0.0-beta.59",
81
- "payload": "3.0.0-beta.79"
81
+ "payload": "3.0.0-beta.80"
82
82
  },
83
83
  "peerDependencies": {
84
84
  "graphql": "^16.8.1",
85
85
  "next": "^15.0.0-canary.104",
86
- "payload": "3.0.0-beta.79"
86
+ "payload": "3.0.0-beta.80"
87
87
  },
88
88
  "engines": {
89
89
  "node": "^18.20.2 || >=20.9.0"