@payloadcms/next 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee
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.
- package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.js +6 -21
- package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.js.map +1 -1
- package/dist/elements/DocumentHeader/Tabs/Tab/index.js +20 -44
- package/dist/elements/DocumentHeader/Tabs/Tab/index.js.map +1 -1
- package/dist/elements/DocumentHeader/Tabs/index.js +41 -73
- package/dist/elements/DocumentHeader/Tabs/index.js.map +1 -1
- package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js +1 -10
- package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js.map +1 -1
- package/dist/elements/DocumentHeader/index.js +7 -45
- package/dist/elements/DocumentHeader/index.js.map +1 -1
- package/dist/elements/FormHeader/index.js +4 -25
- package/dist/elements/FormHeader/index.js.map +1 -1
- package/dist/elements/Nav/NavHamburger/index.js +5 -21
- package/dist/elements/Nav/NavHamburger/index.js.map +1 -1
- package/dist/elements/Nav/NavWrapper/index.js +10 -24
- package/dist/elements/Nav/NavWrapper/index.js.map +1 -1
- package/dist/elements/Nav/SettingsMenuButton/index.js +4 -27
- package/dist/elements/Nav/SettingsMenuButton/index.js.map +1 -1
- package/dist/elements/Nav/index.client.js +43 -91
- package/dist/elements/Nav/index.client.js.map +1 -1
- package/dist/elements/Nav/index.js +48 -100
- package/dist/elements/Nav/index.js.map +1 -1
- package/dist/layouts/Root/NestProviders.js +3 -12
- package/dist/layouts/Root/NestProviders.js.map +1 -1
- package/dist/layouts/Root/index.js +19 -84
- package/dist/layouts/Root/index.js.map +1 -1
- package/dist/prod/styles.css +5 -0
- package/dist/routes/rest/og/image.js +61 -97
- package/dist/routes/rest/og/image.js.map +1 -1
- package/dist/routes/rest/og/index.js +1 -15
- package/dist/routes/rest/og/index.js.map +1 -1
- package/dist/templates/Default/NavHamburger/index.js +1 -10
- package/dist/templates/Default/NavHamburger/index.js.map +1 -1
- package/dist/templates/Default/Wrapper/index.js +9 -16
- package/dist/templates/Default/Wrapper/index.js.map +1 -1
- package/dist/templates/Default/index.js +38 -106
- package/dist/templates/Default/index.js.map +1 -1
- package/dist/templates/Minimal/index.js +3 -18
- package/dist/templates/Minimal/index.js.map +1 -1
- package/dist/views/API/LocaleSelector/index.js +5 -15
- package/dist/views/API/LocaleSelector/index.js.map +1 -1
- package/dist/views/API/RenderJSON/index.js +59 -156
- package/dist/views/API/RenderJSON/index.js.map +1 -1
- package/dist/views/API/index.client.js +71 -215
- package/dist/views/API/index.client.js.map +1 -1
- package/dist/views/API/index.js +1 -7
- package/dist/views/API/index.js.map +1 -1
- package/dist/views/Account/ResetPreferences/index.js +8 -35
- package/dist/views/Account/ResetPreferences/index.js.map +1 -1
- package/dist/views/Account/Settings/LanguageSelector.js +3 -15
- package/dist/views/Account/Settings/LanguageSelector.js.map +1 -1
- package/dist/views/Account/Settings/index.js +12 -58
- package/dist/views/Account/Settings/index.js.map +1 -1
- package/dist/views/Account/ToggleTheme/index.js +19 -30
- package/dist/views/Account/ToggleTheme/index.js.map +1 -1
- package/dist/views/Account/index.js +25 -83
- package/dist/views/Account/index.js.map +1 -1
- package/dist/views/BrowseByFolder/buildView.js +28 -38
- package/dist/views/BrowseByFolder/buildView.js.map +1 -1
- package/dist/views/CollectionFolders/buildView.js +35 -45
- package/dist/views/CollectionFolders/buildView.js.map +1 -1
- package/dist/views/CreateFirstUser/index.client.js +20 -75
- package/dist/views/CreateFirstUser/index.client.js.map +1 -1
- package/dist/views/CreateFirstUser/index.js +5 -36
- package/dist/views/CreateFirstUser/index.js.map +1 -1
- package/dist/views/Dashboard/Default/index.js +94 -169
- package/dist/views/Dashboard/Default/index.js.map +1 -1
- package/dist/views/Dashboard/index.js +24 -43
- package/dist/views/Dashboard/index.js.map +1 -1
- package/dist/views/Document/index.js +14 -76
- package/dist/views/Document/index.js.map +1 -1
- package/dist/views/Edit/index.js +1 -9
- package/dist/views/Edit/index.js.map +1 -1
- package/dist/views/ForgotPassword/ForgotPasswordForm/index.js +57 -104
- package/dist/views/ForgotPassword/ForgotPasswordForm/index.js.map +1 -1
- package/dist/views/ForgotPassword/index.js +23 -75
- package/dist/views/ForgotPassword/index.js.map +1 -1
- package/dist/views/List/index.js +31 -53
- package/dist/views/List/index.js.map +1 -1
- package/dist/views/List/renderListViewSlots.js +9 -21
- package/dist/views/List/renderListViewSlots.js.map +1 -1
- package/dist/views/Login/LoginField/index.js +23 -49
- package/dist/views/Login/LoginField/index.js.map +1 -1
- package/dist/views/Login/LoginForm/index.js +20 -68
- package/dist/views/Login/LoginForm/index.js.map +1 -1
- package/dist/views/Login/index.js +33 -66
- package/dist/views/Login/index.js.map +1 -1
- package/dist/views/Logout/LogoutClient.js +7 -36
- package/dist/views/Logout/LogoutClient.js.map +1 -1
- package/dist/views/Logout/index.js +4 -26
- package/dist/views/Logout/index.js.map +1 -1
- package/dist/views/NotFound/index.client.js +15 -55
- package/dist/views/NotFound/index.client.js.map +1 -1
- package/dist/views/NotFound/index.js +5 -33
- package/dist/views/NotFound/index.js.map +1 -1
- package/dist/views/ResetPassword/ResetPasswordForm/index.js +12 -57
- package/dist/views/ResetPassword/ResetPasswordForm/index.js.map +1 -1
- package/dist/views/ResetPassword/index.js +23 -86
- package/dist/views/ResetPassword/index.js.map +1 -1
- package/dist/views/Root/index.js +12 -52
- package/dist/views/Root/index.js.map +1 -1
- package/dist/views/Unauthorized/index.js +15 -50
- package/dist/views/Unauthorized/index.js.map +1 -1
- package/dist/views/Verify/index.js +10 -47
- package/dist/views/Verify/index.js.map +1 -1
- package/dist/views/Version/Default/SelectedLocalesContext.js +1 -1
- package/dist/views/Version/Default/SelectedLocalesContext.js.map +1 -1
- package/dist/views/Version/Default/index.js +52 -258
- package/dist/views/Version/Default/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.js +16 -65
- package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.js +24 -66
- package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Collapsible/index.js +5 -34
- package/dist/views/Version/RenderFieldsToDiff/fields/Collapsible/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.js +4 -17
- package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.js +10 -55
- package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.js +43 -128
- package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.js +23 -151
- package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Row/index.js +3 -16
- package/dist/views/Version/RenderFieldsToDiff/fields/Row/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.js +4 -17
- package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.js +51 -122
- package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.js +4 -17
- package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/fields/Upload/index.js +27 -176
- package/dist/views/Version/RenderFieldsToDiff/fields/Upload/index.js.map +1 -1
- package/dist/views/Version/RenderFieldsToDiff/index.js +1 -9
- package/dist/views/Version/RenderFieldsToDiff/index.js.map +1 -1
- package/dist/views/Version/Restore/index.js +21 -61
- package/dist/views/Version/Restore/index.js.map +1 -1
- package/dist/views/Version/SelectComparison/VersionDrawer/CreatedAtCell.js +16 -24
- package/dist/views/Version/SelectComparison/VersionDrawer/CreatedAtCell.js.map +1 -1
- package/dist/views/Version/SelectComparison/VersionDrawer/index.js +6 -37
- package/dist/views/Version/SelectComparison/VersionDrawer/index.js.map +1 -1
- package/dist/views/Version/SelectComparison/index.js +10 -40
- package/dist/views/Version/SelectComparison/index.js.map +1 -1
- package/dist/views/Version/SelectLocales/index.js +17 -33
- package/dist/views/Version/SelectLocales/index.js.map +1 -1
- package/dist/views/Version/VersionPillLabel/VersionPillLabel.js +17 -84
- package/dist/views/Version/VersionPillLabel/VersionPillLabel.js.map +1 -1
- package/dist/views/Version/index.js +21 -63
- package/dist/views/Version/index.js.map +1 -1
- package/dist/views/Versions/buildColumns.js +9 -58
- package/dist/views/Versions/buildColumns.js.map +1 -1
- package/dist/views/Versions/cells/AutosaveCell/index.js +4 -31
- package/dist/views/Versions/cells/AutosaveCell/index.js.map +1 -1
- package/dist/views/Versions/cells/CreatedAt/index.js +7 -15
- package/dist/views/Versions/cells/CreatedAt/index.js.map +1 -1
- package/dist/views/Versions/cells/ID/index.js +2 -9
- package/dist/views/Versions/cells/ID/index.js.map +1 -1
- package/dist/views/Versions/index.client.js +20 -98
- package/dist/views/Versions/index.client.js.map +1 -1
- package/dist/views/Versions/index.js +13 -59
- package/dist/views/Versions/index.js.map +1 -1
- package/package.json +10 -9
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
|
|
3
2
|
import { GearIcon, Popup, useTranslation } from '@payloadcms/ui';
|
|
4
|
-
import
|
|
3
|
+
import { Fragment } from 'react';
|
|
5
4
|
import './index.scss';
|
|
6
5
|
const baseClass = 'settings-menu-button';
|
|
7
6
|
export const SettingsMenuButton = ({ settingsMenu })=>{
|
|
@@ -9,31 +8,9 @@ export const SettingsMenuButton = ({ settingsMenu })=>{
|
|
|
9
8
|
if (!settingsMenu || settingsMenu.length === 0) {
|
|
10
9
|
return null;
|
|
11
10
|
}
|
|
12
|
-
return
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}, void 0, false, {
|
|
16
|
-
fileName: "src/elements/Nav/SettingsMenuButton/index.tsx",
|
|
17
|
-
lineNumber: 22,
|
|
18
|
-
columnNumber: 15
|
|
19
|
-
}, void 0),
|
|
20
|
-
className: baseClass,
|
|
21
|
-
horizontalAlign: "left",
|
|
22
|
-
id: "settings-menu",
|
|
23
|
-
size: "small",
|
|
24
|
-
verticalAlign: "bottom",
|
|
25
|
-
children: settingsMenu.map((item, i)=>/*#__PURE__*/ _jsxDEV(Fragment, {
|
|
26
|
-
children: item
|
|
27
|
-
}, `settings-menu-item-${i}`, false, {
|
|
28
|
-
fileName: "src/elements/Nav/SettingsMenuButton/index.tsx",
|
|
29
|
-
lineNumber: 30,
|
|
30
|
-
columnNumber: 9
|
|
31
|
-
}, this))
|
|
32
|
-
}, void 0, false, {
|
|
33
|
-
fileName: "src/elements/Nav/SettingsMenuButton/index.tsx",
|
|
34
|
-
lineNumber: 21,
|
|
35
|
-
columnNumber: 5
|
|
36
|
-
}, this);
|
|
11
|
+
return <Popup button={<GearIcon ariaLabel={t('general:menu')}/>} className={baseClass} horizontalAlign="left" id="settings-menu" size="small" verticalAlign="bottom">
|
|
12
|
+
{settingsMenu.map((item, i)=><Fragment key={`settings-menu-item-${i}`}>{item}</Fragment>)}
|
|
13
|
+
</Popup>;
|
|
37
14
|
};
|
|
38
15
|
|
|
39
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/elements/Nav/SettingsMenuButton/index.tsx"],"sourcesContent":["'use client'\nimport { GearIcon, Popup, useTranslation } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'settings-menu-button'\n\nexport type SettingsMenuButtonProps = {\n settingsMenu?: React.ReactNode[]\n}\n\nexport const SettingsMenuButton: React.FC<SettingsMenuButtonProps> = ({ settingsMenu }) => {\n const { t } = useTranslation()\n\n if (!settingsMenu || settingsMenu.length === 0) {\n return null\n }\n\n return (\n <Popup\n button={<GearIcon ariaLabel={t('general:menu')} />}\n className={baseClass}\n horizontalAlign=\"left\"\n id=\"settings-menu\"\n size=\"small\"\n verticalAlign=\"bottom\"\n >\n {settingsMenu.map((item, i) => (\n <Fragment key={`settings-menu-item-${i}`}>{item}</Fragment>\n ))}\n </Popup>\n )\n}\n"],"names":["GearIcon","Popup","useTranslation","
|
|
1
|
+
{"version":3,"sources":["../../../../src/elements/Nav/SettingsMenuButton/index.tsx"],"sourcesContent":["'use client'\nimport { GearIcon, Popup, useTranslation } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'settings-menu-button'\n\nexport type SettingsMenuButtonProps = {\n settingsMenu?: React.ReactNode[]\n}\n\nexport const SettingsMenuButton: React.FC<SettingsMenuButtonProps> = ({ settingsMenu }) => {\n const { t } = useTranslation()\n\n if (!settingsMenu || settingsMenu.length === 0) {\n return null\n }\n\n return (\n <Popup\n button={<GearIcon ariaLabel={t('general:menu')} />}\n className={baseClass}\n horizontalAlign=\"left\"\n id=\"settings-menu\"\n size=\"small\"\n verticalAlign=\"bottom\"\n >\n {settingsMenu.map((item, i) => (\n <Fragment key={`settings-menu-item-${i}`}>{item}</Fragment>\n ))}\n </Popup>\n )\n}\n"],"names":["GearIcon","Popup","useTranslation","Fragment","baseClass","SettingsMenuButton","settingsMenu","t","length","button","ariaLabel","className","horizontalAlign","id","size","verticalAlign","map","item","i","key"],"mappings":"AAAA;AACA,SAASA,QAAQ,EAAEC,KAAK,EAAEC,cAAc,QAAQ,iBAAgB;AAChE,SAAgBC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,MAAMC,qBAAwD,CAAC,EAAEC,YAAY,EAAE;IACpF,MAAM,EAAEC,CAAC,EAAE,GAAGL;IAEd,IAAI,CAACI,gBAAgBA,aAAaE,MAAM,KAAK,GAAG;QAC9C,OAAO;IACT;IAEA,QACGP,MACCQ,SAAST,SAASU,WAAWH,EAAE,oBAC/BI,WAAWP,WACXQ,gBAAgB,OAChBC,GAAG,gBACHC,KAAK,QACLC,cAAc,SACf;MACC,CAACT,aAAaU,GAAG,CAAC,CAACC,MAAMC,KACtBf,SAASgB,KAAK,CAAC,mBAAmB,EAAED,GAAG,GAAGD,OAAOd,WACjD;IACL,EAAEF;AAEN,EAAC"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
|
|
3
2
|
import { getTranslation } from '@payloadcms/translations';
|
|
4
3
|
import { BrowseByFolderButton, Link, NavGroup, useConfig, useTranslation } from '@payloadcms/ui';
|
|
5
4
|
import { EntityType } from '@payloadcms/ui/shared';
|
|
6
5
|
import { usePathname } from 'next/navigation.js';
|
|
7
6
|
import { formatAdminURL } from 'payload/shared';
|
|
8
|
-
import
|
|
7
|
+
import { Fragment } from 'react';
|
|
9
8
|
const baseClass = 'nav';
|
|
10
9
|
/**
|
|
11
10
|
* @internal
|
|
@@ -18,95 +17,48 @@ const baseClass = 'nav';
|
|
|
18
17
|
path: foldersRoute
|
|
19
18
|
});
|
|
20
19
|
const viewingRootFolderView = pathname.startsWith(folderURL);
|
|
21
|
-
return
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
}, this),
|
|
64
|
-
/*#__PURE__*/ _jsxDEV("span", {
|
|
65
|
-
className: `${baseClass}__link-label`,
|
|
66
|
-
children: getTranslation(label, i18n)
|
|
67
|
-
}, void 0, false, {
|
|
68
|
-
fileName: "src/elements/Nav/index.client.tsx",
|
|
69
|
-
lineNumber: 69,
|
|
70
|
-
columnNumber: 19
|
|
71
|
-
}, this)
|
|
72
|
-
]
|
|
73
|
-
}, void 0, true);
|
|
74
|
-
// If the URL matches the link exactly
|
|
75
|
-
if (pathname === href) {
|
|
76
|
-
return /*#__PURE__*/ _jsxDEV("div", {
|
|
77
|
-
className: `${baseClass}__link`,
|
|
78
|
-
id: id,
|
|
79
|
-
children: Label
|
|
80
|
-
}, i, false, {
|
|
81
|
-
fileName: "src/elements/Nav/index.client.tsx",
|
|
82
|
-
lineNumber: 76,
|
|
83
|
-
columnNumber: 19
|
|
84
|
-
}, this);
|
|
85
|
-
}
|
|
86
|
-
return /*#__PURE__*/ _jsxDEV(Link, {
|
|
87
|
-
className: `${baseClass}__link`,
|
|
88
|
-
href: href,
|
|
89
|
-
id: id,
|
|
90
|
-
prefetch: false,
|
|
91
|
-
children: Label
|
|
92
|
-
}, i, false, {
|
|
93
|
-
fileName: "src/elements/Nav/index.client.tsx",
|
|
94
|
-
lineNumber: 83,
|
|
95
|
-
columnNumber: 17
|
|
96
|
-
}, this);
|
|
97
|
-
})
|
|
98
|
-
}, key, false, {
|
|
99
|
-
fileName: "src/elements/Nav/index.client.tsx",
|
|
100
|
-
lineNumber: 48,
|
|
101
|
-
columnNumber: 11
|
|
102
|
-
}, this);
|
|
103
|
-
})
|
|
104
|
-
]
|
|
105
|
-
}, void 0, true, {
|
|
106
|
-
fileName: "src/elements/Nav/index.client.tsx",
|
|
107
|
-
lineNumber: 44,
|
|
108
|
-
columnNumber: 5
|
|
109
|
-
}, this);
|
|
20
|
+
return <Fragment>
|
|
21
|
+
{folders && folders.browseByFolder && <BrowseByFolderButton active={viewingRootFolderView}/>}
|
|
22
|
+
{groups.map(({ entities, label }, key)=>{
|
|
23
|
+
return <NavGroup isOpen={navPreferences?.groups?.[label]?.open} key={key} label={label}>
|
|
24
|
+
{entities.map(({ slug, type, label }, i)=>{
|
|
25
|
+
let href;
|
|
26
|
+
let id;
|
|
27
|
+
if (type === EntityType.collection) {
|
|
28
|
+
href = formatAdminURL({
|
|
29
|
+
adminRoute,
|
|
30
|
+
path: `/collections/${slug}`
|
|
31
|
+
});
|
|
32
|
+
id = `nav-${slug}`;
|
|
33
|
+
}
|
|
34
|
+
if (type === EntityType.global) {
|
|
35
|
+
href = formatAdminURL({
|
|
36
|
+
adminRoute,
|
|
37
|
+
path: `/globals/${slug}`
|
|
38
|
+
});
|
|
39
|
+
id = `nav-global-${slug}`;
|
|
40
|
+
}
|
|
41
|
+
const isActive = pathname.startsWith(href) && [
|
|
42
|
+
'/',
|
|
43
|
+
undefined
|
|
44
|
+
].includes(pathname[href.length]);
|
|
45
|
+
const Label = <>
|
|
46
|
+
{isActive && <div className={`${baseClass}__link-indicator`}/>}
|
|
47
|
+
<span className={`${baseClass}__link-label`}>{getTranslation(label, i18n)}</span>
|
|
48
|
+
</>;
|
|
49
|
+
// If the URL matches the link exactly
|
|
50
|
+
if (pathname === href) {
|
|
51
|
+
return <div className={`${baseClass}__link`} id={id} key={i}>
|
|
52
|
+
{Label}
|
|
53
|
+
</div>;
|
|
54
|
+
}
|
|
55
|
+
return <Link className={`${baseClass}__link`} href={href} id={id} key={i} prefetch={false}>
|
|
56
|
+
{Label}
|
|
57
|
+
</Link>;
|
|
58
|
+
})}
|
|
59
|
+
</NavGroup>;
|
|
60
|
+
})}
|
|
61
|
+
</Fragment>;
|
|
110
62
|
};
|
|
111
63
|
|
|
112
64
|
//# sourceMappingURL=index.client.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/elements/Nav/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { groupNavItems } from '@payloadcms/ui/shared'\nimport type { NavPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { BrowseByFolderButton, Link, NavGroup, useConfig, useTranslation } from '@payloadcms/ui'\nimport { EntityType } from '@payloadcms/ui/shared'\nimport { usePathname } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nconst baseClass = 'nav'\n\n/**\n * @internal\n */\nexport const DefaultNavClient: React.FC<{\n groups: ReturnType<typeof groupNavItems>\n navPreferences: NavPreferences\n}> = ({ groups, navPreferences }) => {\n const pathname = usePathname()\n\n const {\n config: {\n admin: {\n routes: { browseByFolder: foldersRoute },\n },\n folders,\n routes: { admin: adminRoute },\n },\n } = useConfig()\n\n const { i18n } = useTranslation()\n\n const folderURL = formatAdminURL({\n adminRoute,\n path: foldersRoute,\n })\n\n const viewingRootFolderView = pathname.startsWith(folderURL)\n\n return (\n <Fragment>\n {folders && folders.browseByFolder && <BrowseByFolderButton active={viewingRootFolderView} />}\n {groups.map(({ entities, label }, key) => {\n return (\n <NavGroup isOpen={navPreferences?.groups?.[label]?.open} key={key} label={label}>\n {entities.map(({ slug, type, label }, i) => {\n let href: string\n let id: string\n\n if (type === EntityType.collection) {\n href = formatAdminURL({ adminRoute, path: `/collections/${slug}` })\n id = `nav-${slug}`\n }\n\n if (type === EntityType.global) {\n href = formatAdminURL({ adminRoute, path: `/globals/${slug}` })\n id = `nav-global-${slug}`\n }\n\n const isActive =\n pathname.startsWith(href) && ['/', undefined].includes(pathname[href.length])\n\n const Label = (\n <>\n {isActive && <div className={`${baseClass}__link-indicator`} />}\n <span className={`${baseClass}__link-label`}>{getTranslation(label, i18n)}</span>\n </>\n )\n\n // If the URL matches the link exactly\n if (pathname === href) {\n return (\n <div className={`${baseClass}__link`} id={id} key={i}>\n {Label}\n </div>\n )\n }\n\n return (\n <Link className={`${baseClass}__link`} href={href} id={id} key={i} prefetch={false}>\n {Label}\n </Link>\n )\n })}\n </NavGroup>\n )\n })}\n </Fragment>\n )\n}\n"],"names":["getTranslation","BrowseByFolderButton","Link","NavGroup","useConfig","useTranslation","EntityType","usePathname","formatAdminURL","
|
|
1
|
+
{"version":3,"sources":["../../../src/elements/Nav/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { groupNavItems } from '@payloadcms/ui/shared'\nimport type { NavPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { BrowseByFolderButton, Link, NavGroup, useConfig, useTranslation } from '@payloadcms/ui'\nimport { EntityType } from '@payloadcms/ui/shared'\nimport { usePathname } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nconst baseClass = 'nav'\n\n/**\n * @internal\n */\nexport const DefaultNavClient: React.FC<{\n groups: ReturnType<typeof groupNavItems>\n navPreferences: NavPreferences\n}> = ({ groups, navPreferences }) => {\n const pathname = usePathname()\n\n const {\n config: {\n admin: {\n routes: { browseByFolder: foldersRoute },\n },\n folders,\n routes: { admin: adminRoute },\n },\n } = useConfig()\n\n const { i18n } = useTranslation()\n\n const folderURL = formatAdminURL({\n adminRoute,\n path: foldersRoute,\n })\n\n const viewingRootFolderView = pathname.startsWith(folderURL)\n\n return (\n <Fragment>\n {folders && folders.browseByFolder && <BrowseByFolderButton active={viewingRootFolderView} />}\n {groups.map(({ entities, label }, key) => {\n return (\n <NavGroup isOpen={navPreferences?.groups?.[label]?.open} key={key} label={label}>\n {entities.map(({ slug, type, label }, i) => {\n let href: string\n let id: string\n\n if (type === EntityType.collection) {\n href = formatAdminURL({ adminRoute, path: `/collections/${slug}` })\n id = `nav-${slug}`\n }\n\n if (type === EntityType.global) {\n href = formatAdminURL({ adminRoute, path: `/globals/${slug}` })\n id = `nav-global-${slug}`\n }\n\n const isActive =\n pathname.startsWith(href) && ['/', undefined].includes(pathname[href.length])\n\n const Label = (\n <>\n {isActive && <div className={`${baseClass}__link-indicator`} />}\n <span className={`${baseClass}__link-label`}>{getTranslation(label, i18n)}</span>\n </>\n )\n\n // If the URL matches the link exactly\n if (pathname === href) {\n return (\n <div className={`${baseClass}__link`} id={id} key={i}>\n {Label}\n </div>\n )\n }\n\n return (\n <Link className={`${baseClass}__link`} href={href} id={id} key={i} prefetch={false}>\n {Label}\n </Link>\n )\n })}\n </NavGroup>\n )\n })}\n </Fragment>\n )\n}\n"],"names":["getTranslation","BrowseByFolderButton","Link","NavGroup","useConfig","useTranslation","EntityType","usePathname","formatAdminURL","Fragment","baseClass","DefaultNavClient","groups","navPreferences","pathname","config","admin","routes","browseByFolder","foldersRoute","folders","adminRoute","i18n","folderURL","path","viewingRootFolderView","startsWith","active","map","entities","label","key","isOpen","open","slug","type","i","href","id","collection","global","isActive","undefined","includes","length","Label","div","className","span","prefetch"],"mappings":"AAAA;AAKA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,oBAAoB,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AAChG,SAASC,UAAU,QAAQ,wBAAuB;AAClD,SAASC,WAAW,QAAQ,qBAAoB;AAChD,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,SAAgBC,QAAQ,QAAQ,QAAO;AAEvC,MAAMC,YAAY;AAElB;;CAEC,GACD,OAAO,MAAMC,mBAGR,CAAC,EAAEC,MAAM,EAAEC,cAAc,EAAE;IAC9B,MAAMC,WAAWP;IAEjB,MAAM,EACJQ,QAAQ,EACNC,OAAO,EACLC,QAAQ,EAAEC,gBAAgBC,YAAY,EAAE,EACzC,EACDC,OAAO,EACPH,QAAQ,EAAED,OAAOK,UAAU,EAAE,EAC9B,EACF,GAAGjB;IAEJ,MAAM,EAAEkB,IAAI,EAAE,GAAGjB;IAEjB,MAAMkB,YAAYf,eAAe;QAC/Ba;QACAG,MAAML;IACR;IAEA,MAAMM,wBAAwBX,SAASY,UAAU,CAACH;IAElD,QACGd,SAAS;MACR,CAACW,WAAWA,QAAQF,cAAc,KAAKjB,qBAAqB0B,QAAQF,yBAA0B;MAC9F,CAACb,OAAOgB,GAAG,CAAC,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE,EAAEC;QAChC,QACG5B,SAAS6B,QAAQnB,gBAAgBD,QAAQ,CAACkB,MAAM,EAAEG,MAAMF,KAAKA,KAAKD,OAAOA,OAAO;YAC/E,CAACD,SAASD,GAAG,CAAC,CAAC,EAAEM,IAAI,EAAEC,IAAI,EAAEL,KAAK,EAAE,EAAEM;YACpC,IAAIC;YACJ,IAAIC;YAEJ,IAAIH,SAAS7B,WAAWiC,UAAU,EAAE;gBAClCF,OAAO7B,eAAe;oBAAEa;oBAAYG,MAAM,CAAC,aAAa,EAAEU,MAAM;gBAAC;gBACjEI,KAAK,CAAC,IAAI,EAAEJ,MAAM;YACpB;YAEA,IAAIC,SAAS7B,WAAWkC,MAAM,EAAE;gBAC9BH,OAAO7B,eAAe;oBAAEa;oBAAYG,MAAM,CAAC,SAAS,EAAEU,MAAM;gBAAC;gBAC7DI,KAAK,CAAC,WAAW,EAAEJ,MAAM;YAC3B;YAEA,MAAMO,WACJ3B,SAASY,UAAU,CAACW,SAAS;gBAAC;gBAAKK;aAAU,CAACC,QAAQ,CAAC7B,QAAQ,CAACuB,KAAKO,MAAM,CAAC;YAE9E,MAAMC,UACF;kBACA,CAACJ,aAAaK,IAAIC,WAAW,GAAGrC,UAAU,gBAAgB,CAAC,IAAK;kBAChE,CAACsC,KAAKD,WAAW,GAAGrC,UAAU,YAAY,CAAC,GAAGV,eAAe8B,OAAOR,QAAQ0B,KAAK;gBACnF;YAGF,sCAAsC;YACtC,IAAIlC,aAAauB,MAAM;gBACrB,QACGS,IAAIC,WAAW,GAAGrC,UAAU,MAAM,CAAC,EAAE4B,IAAIA,IAAIP,KAAKK,GAAG;oBACpD,CAACS,MAAM;kBACT,EAAEC;YAEN;YAEA,QACG5C,KAAK6C,WAAW,GAAGrC,UAAU,MAAM,CAAC,EAAE2B,MAAMA,MAAMC,IAAIA,IAAIP,KAAKK,GAAGa,UAAU,OAAO;kBAClF,CAACJ,MAAM;gBACT,EAAE3C;QAEN,GAAG;UACL,EAAEC;IAEN,GAAG;IACL,EAAEM;AAEN,EAAC"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
|
|
2
1
|
import { Logout } from '@payloadcms/ui';
|
|
3
2
|
import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
|
|
4
3
|
import { EntityType, groupNavItems } from '@payloadcms/ui/shared';
|
|
5
|
-
import React from 'react';
|
|
6
4
|
import { NavHamburger } from './NavHamburger/index.js';
|
|
7
5
|
import { NavWrapper } from './NavWrapper/index.js';
|
|
8
6
|
import { SettingsMenuButton } from './SettingsMenuButton/index.js';
|
|
@@ -63,104 +61,54 @@ export const DefaultNav = async (props)=>{
|
|
|
63
61
|
user
|
|
64
62
|
}
|
|
65
63
|
})) : [];
|
|
66
|
-
return
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
/*#__PURE__*/ _jsxDEV("div", {
|
|
115
|
-
className: `${baseClass}__controls`,
|
|
116
|
-
children: [
|
|
117
|
-
/*#__PURE__*/ _jsxDEV(SettingsMenuButton, {
|
|
118
|
-
settingsMenu: renderedSettingsMenu
|
|
119
|
-
}, void 0, false, {
|
|
120
|
-
fileName: "src/elements/Nav/index.tsx",
|
|
121
|
-
lineNumber: 159,
|
|
122
|
-
columnNumber: 11
|
|
123
|
-
}, this),
|
|
124
|
-
LogoutComponent
|
|
125
|
-
]
|
|
126
|
-
}, void 0, true, {
|
|
127
|
-
fileName: "src/elements/Nav/index.tsx",
|
|
128
|
-
lineNumber: 158,
|
|
129
|
-
columnNumber: 9
|
|
130
|
-
}, this)
|
|
131
|
-
]
|
|
132
|
-
}, void 0, true, {
|
|
133
|
-
fileName: "src/elements/Nav/index.tsx",
|
|
134
|
-
lineNumber: 122,
|
|
135
|
-
columnNumber: 7
|
|
136
|
-
}, this),
|
|
137
|
-
/*#__PURE__*/ _jsxDEV("div", {
|
|
138
|
-
className: `${baseClass}__header`,
|
|
139
|
-
children: /*#__PURE__*/ _jsxDEV("div", {
|
|
140
|
-
className: `${baseClass}__header-content`,
|
|
141
|
-
children: /*#__PURE__*/ _jsxDEV(NavHamburger, {
|
|
142
|
-
baseClass: baseClass
|
|
143
|
-
}, void 0, false, {
|
|
144
|
-
fileName: "src/elements/Nav/index.tsx",
|
|
145
|
-
lineNumber: 165,
|
|
146
|
-
columnNumber: 11
|
|
147
|
-
}, this)
|
|
148
|
-
}, void 0, false, {
|
|
149
|
-
fileName: "src/elements/Nav/index.tsx",
|
|
150
|
-
lineNumber: 164,
|
|
151
|
-
columnNumber: 9
|
|
152
|
-
}, this)
|
|
153
|
-
}, void 0, false, {
|
|
154
|
-
fileName: "src/elements/Nav/index.tsx",
|
|
155
|
-
lineNumber: 163,
|
|
156
|
-
columnNumber: 7
|
|
157
|
-
}, this)
|
|
158
|
-
]
|
|
159
|
-
}, void 0, true, {
|
|
160
|
-
fileName: "src/elements/Nav/index.tsx",
|
|
161
|
-
lineNumber: 121,
|
|
162
|
-
columnNumber: 5
|
|
163
|
-
}, this);
|
|
64
|
+
return <NavWrapper baseClass={baseClass}>
|
|
65
|
+
<nav className={`${baseClass}__wrap`}>
|
|
66
|
+
{RenderServerComponent({
|
|
67
|
+
clientProps: {
|
|
68
|
+
documentSubViewType,
|
|
69
|
+
viewType
|
|
70
|
+
},
|
|
71
|
+
Component: beforeNavLinks,
|
|
72
|
+
importMap: payload.importMap,
|
|
73
|
+
serverProps: {
|
|
74
|
+
i18n,
|
|
75
|
+
locale,
|
|
76
|
+
params,
|
|
77
|
+
payload,
|
|
78
|
+
permissions,
|
|
79
|
+
searchParams,
|
|
80
|
+
user
|
|
81
|
+
}
|
|
82
|
+
})}
|
|
83
|
+
<DefaultNavClient groups={groups} navPreferences={navPreferences}/>
|
|
84
|
+
{RenderServerComponent({
|
|
85
|
+
clientProps: {
|
|
86
|
+
documentSubViewType,
|
|
87
|
+
viewType
|
|
88
|
+
},
|
|
89
|
+
Component: afterNavLinks,
|
|
90
|
+
importMap: payload.importMap,
|
|
91
|
+
serverProps: {
|
|
92
|
+
i18n,
|
|
93
|
+
locale,
|
|
94
|
+
params,
|
|
95
|
+
payload,
|
|
96
|
+
permissions,
|
|
97
|
+
searchParams,
|
|
98
|
+
user
|
|
99
|
+
}
|
|
100
|
+
})}
|
|
101
|
+
<div className={`${baseClass}__controls`}>
|
|
102
|
+
<SettingsMenuButton settingsMenu={renderedSettingsMenu}/>
|
|
103
|
+
{LogoutComponent}
|
|
104
|
+
</div>
|
|
105
|
+
</nav>
|
|
106
|
+
<div className={`${baseClass}__header`}>
|
|
107
|
+
<div className={`${baseClass}__header-content`}>
|
|
108
|
+
<NavHamburger baseClass={baseClass}/>
|
|
109
|
+
</div>
|
|
110
|
+
</div>
|
|
111
|
+
</NavWrapper>;
|
|
164
112
|
};
|
|
165
113
|
|
|
166
114
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/elements/Nav/index.tsx"],"sourcesContent":["import type { EntityToGroup } from '@payloadcms/ui/shared'\nimport type { PayloadRequest, ServerProps } from 'payload'\n\nimport { Logout } from '@payloadcms/ui'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { EntityType, groupNavItems } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { NavWrapper } from './NavWrapper/index.js'\nimport { SettingsMenuButton } from './SettingsMenuButton/index.js'\nimport './index.scss'\n\nconst baseClass = 'nav'\n\nimport { getNavPrefs } from './getNavPrefs.js'\nimport { DefaultNavClient } from './index.client.js'\n\nexport type NavProps = {\n req?: PayloadRequest\n} & ServerProps\n\nexport const DefaultNav: React.FC<NavProps> = async (props) => {\n const {\n documentSubViewType,\n i18n,\n locale,\n params,\n payload,\n permissions,\n req,\n searchParams,\n user,\n viewType,\n visibleEntities,\n } = props\n\n if (!payload?.config) {\n return null\n }\n\n const {\n admin: {\n components: { afterNavLinks, beforeNavLinks, logout, settingsMenu },\n },\n collections,\n globals,\n } = payload.config\n\n const groups = groupNavItems(\n [\n ...collections\n .filter(({ slug }) => visibleEntities.collections.includes(slug))\n .map(\n (collection) =>\n ({\n type: EntityType.collection,\n entity: collection,\n }) satisfies EntityToGroup,\n ),\n ...globals\n .filter(({ slug }) => visibleEntities.globals.includes(slug))\n .map(\n (global) =>\n ({\n type: EntityType.global,\n entity: global,\n }) satisfies EntityToGroup,\n ),\n ],\n permissions,\n i18n,\n )\n\n const navPreferences = await getNavPrefs(req)\n\n const LogoutComponent = RenderServerComponent({\n clientProps: {\n documentSubViewType,\n viewType,\n },\n Component: logout?.Button,\n Fallback: Logout,\n importMap: payload.importMap,\n serverProps: {\n i18n,\n locale,\n params,\n payload,\n permissions,\n searchParams,\n user,\n },\n })\n\n const renderedSettingsMenu =\n settingsMenu && Array.isArray(settingsMenu)\n ? settingsMenu.map((item, index) =>\n RenderServerComponent({\n clientProps: {\n documentSubViewType,\n viewType,\n },\n Component: item,\n importMap: payload.importMap,\n key: `settings-menu-item-${index}`,\n serverProps: {\n i18n,\n locale,\n params,\n payload,\n permissions,\n searchParams,\n user,\n },\n }),\n )\n : []\n\n return (\n <NavWrapper baseClass={baseClass}>\n <nav className={`${baseClass}__wrap`}>\n {RenderServerComponent({\n clientProps: {\n documentSubViewType,\n viewType,\n },\n Component: beforeNavLinks,\n importMap: payload.importMap,\n serverProps: {\n i18n,\n locale,\n params,\n payload,\n permissions,\n searchParams,\n user,\n },\n })}\n <DefaultNavClient groups={groups} navPreferences={navPreferences} />\n {RenderServerComponent({\n clientProps: {\n documentSubViewType,\n viewType,\n },\n Component: afterNavLinks,\n importMap: payload.importMap,\n serverProps: {\n i18n,\n locale,\n params,\n payload,\n permissions,\n searchParams,\n user,\n },\n })}\n <div className={`${baseClass}__controls`}>\n <SettingsMenuButton settingsMenu={renderedSettingsMenu} />\n {LogoutComponent}\n </div>\n </nav>\n <div className={`${baseClass}__header`}>\n <div className={`${baseClass}__header-content`}>\n <NavHamburger baseClass={baseClass} />\n </div>\n </div>\n </NavWrapper>\n )\n}\n"],"names":["Logout","RenderServerComponent","EntityType","groupNavItems","
|
|
1
|
+
{"version":3,"sources":["../../../src/elements/Nav/index.tsx"],"sourcesContent":["import type { EntityToGroup } from '@payloadcms/ui/shared'\nimport type { PayloadRequest, ServerProps } from 'payload'\n\nimport { Logout } from '@payloadcms/ui'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { EntityType, groupNavItems } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { NavWrapper } from './NavWrapper/index.js'\nimport { SettingsMenuButton } from './SettingsMenuButton/index.js'\nimport './index.scss'\n\nconst baseClass = 'nav'\n\nimport { getNavPrefs } from './getNavPrefs.js'\nimport { DefaultNavClient } from './index.client.js'\n\nexport type NavProps = {\n req?: PayloadRequest\n} & ServerProps\n\nexport const DefaultNav: React.FC<NavProps> = async (props) => {\n const {\n documentSubViewType,\n i18n,\n locale,\n params,\n payload,\n permissions,\n req,\n searchParams,\n user,\n viewType,\n visibleEntities,\n } = props\n\n if (!payload?.config) {\n return null\n }\n\n const {\n admin: {\n components: { afterNavLinks, beforeNavLinks, logout, settingsMenu },\n },\n collections,\n globals,\n } = payload.config\n\n const groups = groupNavItems(\n [\n ...collections\n .filter(({ slug }) => visibleEntities.collections.includes(slug))\n .map(\n (collection) =>\n ({\n type: EntityType.collection,\n entity: collection,\n }) satisfies EntityToGroup,\n ),\n ...globals\n .filter(({ slug }) => visibleEntities.globals.includes(slug))\n .map(\n (global) =>\n ({\n type: EntityType.global,\n entity: global,\n }) satisfies EntityToGroup,\n ),\n ],\n permissions,\n i18n,\n )\n\n const navPreferences = await getNavPrefs(req)\n\n const LogoutComponent = RenderServerComponent({\n clientProps: {\n documentSubViewType,\n viewType,\n },\n Component: logout?.Button,\n Fallback: Logout,\n importMap: payload.importMap,\n serverProps: {\n i18n,\n locale,\n params,\n payload,\n permissions,\n searchParams,\n user,\n },\n })\n\n const renderedSettingsMenu =\n settingsMenu && Array.isArray(settingsMenu)\n ? settingsMenu.map((item, index) =>\n RenderServerComponent({\n clientProps: {\n documentSubViewType,\n viewType,\n },\n Component: item,\n importMap: payload.importMap,\n key: `settings-menu-item-${index}`,\n serverProps: {\n i18n,\n locale,\n params,\n payload,\n permissions,\n searchParams,\n user,\n },\n }),\n )\n : []\n\n return (\n <NavWrapper baseClass={baseClass}>\n <nav className={`${baseClass}__wrap`}>\n {RenderServerComponent({\n clientProps: {\n documentSubViewType,\n viewType,\n },\n Component: beforeNavLinks,\n importMap: payload.importMap,\n serverProps: {\n i18n,\n locale,\n params,\n payload,\n permissions,\n searchParams,\n user,\n },\n })}\n <DefaultNavClient groups={groups} navPreferences={navPreferences} />\n {RenderServerComponent({\n clientProps: {\n documentSubViewType,\n viewType,\n },\n Component: afterNavLinks,\n importMap: payload.importMap,\n serverProps: {\n i18n,\n locale,\n params,\n payload,\n permissions,\n searchParams,\n user,\n },\n })}\n <div className={`${baseClass}__controls`}>\n <SettingsMenuButton settingsMenu={renderedSettingsMenu} />\n {LogoutComponent}\n </div>\n </nav>\n <div className={`${baseClass}__header`}>\n <div className={`${baseClass}__header-content`}>\n <NavHamburger baseClass={baseClass} />\n </div>\n </div>\n </NavWrapper>\n )\n}\n"],"names":["Logout","RenderServerComponent","EntityType","groupNavItems","NavHamburger","NavWrapper","SettingsMenuButton","baseClass","getNavPrefs","DefaultNavClient","DefaultNav","props","documentSubViewType","i18n","locale","params","payload","permissions","req","searchParams","user","viewType","visibleEntities","config","admin","components","afterNavLinks","beforeNavLinks","logout","settingsMenu","collections","globals","groups","filter","slug","includes","map","collection","type","entity","global","navPreferences","LogoutComponent","clientProps","Component","Button","Fallback","importMap","serverProps","renderedSettingsMenu","Array","isArray","item","index","key","nav","className","div"],"mappings":"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"}
|
|
@@ -1,20 +1,11 @@
|
|
|
1
|
-
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
|
|
2
1
|
import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
|
|
3
2
|
import '@payloadcms/ui/scss/app.scss';
|
|
4
|
-
import React from 'react';
|
|
5
3
|
export function NestProviders({ children, importMap, providers, serverProps }) {
|
|
6
4
|
return RenderServerComponent({
|
|
7
5
|
clientProps: {
|
|
8
|
-
children: providers.length > 1 ?
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
serverProps: serverProps,
|
|
12
|
-
children: children
|
|
13
|
-
}, void 0, false, {
|
|
14
|
-
fileName: "src/layouts/Root/NestProviders.tsx",
|
|
15
|
-
lineNumber: 24,
|
|
16
|
-
columnNumber: 11
|
|
17
|
-
}, this) : children
|
|
6
|
+
children: providers.length > 1 ? <NestProviders importMap={importMap} providers={providers.slice(1)} serverProps={serverProps}>
|
|
7
|
+
{children}
|
|
8
|
+
</NestProviders> : children
|
|
18
9
|
},
|
|
19
10
|
Component: providers[0],
|
|
20
11
|
importMap,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/layouts/Root/NestProviders.tsx"],"sourcesContent":["import type { Config, ImportMap, ServerProps } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport '@payloadcms/ui/scss/app.scss'\nimport React from 'react'\n\ntype Args = {\n readonly children: React.ReactNode\n readonly importMap: ImportMap\n readonly providers: Config['admin']['components']['providers']\n readonly serverProps: ServerProps\n}\n\nexport function NestProviders({\n children,\n importMap,\n providers,\n serverProps,\n}: Args): React.ReactNode {\n return RenderServerComponent({\n clientProps: {\n children:\n providers.length > 1 ? (\n <NestProviders\n importMap={importMap}\n providers={providers.slice(1)}\n serverProps={serverProps}\n >\n {children}\n </NestProviders>\n ) : (\n children\n ),\n },\n Component: providers[0],\n importMap,\n serverProps,\n })\n}\n"],"names":["RenderServerComponent","
|
|
1
|
+
{"version":3,"sources":["../../../src/layouts/Root/NestProviders.tsx"],"sourcesContent":["import type { Config, ImportMap, ServerProps } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport '@payloadcms/ui/scss/app.scss'\nimport React from 'react'\n\ntype Args = {\n readonly children: React.ReactNode\n readonly importMap: ImportMap\n readonly providers: Config['admin']['components']['providers']\n readonly serverProps: ServerProps\n}\n\nexport function NestProviders({\n children,\n importMap,\n providers,\n serverProps,\n}: Args): React.ReactNode {\n return RenderServerComponent({\n clientProps: {\n children:\n providers.length > 1 ? (\n <NestProviders\n importMap={importMap}\n providers={providers.slice(1)}\n serverProps={serverProps}\n >\n {children}\n </NestProviders>\n ) : (\n children\n ),\n },\n Component: providers[0],\n importMap,\n serverProps,\n })\n}\n"],"names":["RenderServerComponent","NestProviders","children","importMap","providers","serverProps","clientProps","length","slice","Component"],"mappings":"AAEA,SAASA,qBAAqB,QAAQ,gDAA+C;AACrF,OAAO,+BAA8B;AAUrC,OAAO,SAASC,cAAc,EAC5BC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,WAAW,EACN;IACL,OAAOL,sBAAsB;QAC3BM,aAAa;YACXJ,UACEE,UAAUG,MAAM,GAAG,KAChBN,cACCE,WAAWA,WACXC,WAAWA,UAAUI,KAAK,CAAC,IAC3BH,aAAaA,aACd;YACC,CAACH,SAAS;UACZ,EAAED,iBAEFC;QAEN;QACAO,WAAWL,SAAS,CAAC,EAAE;QACvBD;QACAE;IACF;AACF"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
|
|
2
1
|
import { rtlLanguages } from '@payloadcms/translations';
|
|
3
2
|
import { ProgressBar, RootProvider } from '@payloadcms/ui';
|
|
4
3
|
import { getClientConfig } from '@payloadcms/ui/utilities/getClientConfig';
|
|
5
4
|
import { cookies as nextCookies } from 'next/headers.js';
|
|
6
5
|
import { applyLocaleFiltering } from 'payload/shared';
|
|
7
|
-
import React from 'react';
|
|
8
6
|
import { getNavPrefs } from '../../elements/Nav/getNavPrefs.js';
|
|
9
7
|
import { getRequestTheme } from '../../utilities/getRequestTheme.js';
|
|
10
8
|
import { initReq } from '../../utilities/initReq.js';
|
|
@@ -58,88 +56,25 @@ export const RootLayout = async ({ children, config: configPromise, htmlProps =
|
|
|
58
56
|
config,
|
|
59
57
|
req
|
|
60
58
|
});
|
|
61
|
-
return
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
}, this),
|
|
81
|
-
/*#__PURE__*/ _jsxDEV("body", {
|
|
82
|
-
children: [
|
|
83
|
-
/*#__PURE__*/ _jsxDEV(RootProvider, {
|
|
84
|
-
config: clientConfig,
|
|
85
|
-
dateFNSKey: req.i18n.dateFNSKey,
|
|
86
|
-
fallbackLang: config.i18n.fallbackLanguage,
|
|
87
|
-
isNavOpen: navPrefs?.open ?? true,
|
|
88
|
-
languageCode: languageCode,
|
|
89
|
-
languageOptions: languageOptions,
|
|
90
|
-
locale: req.locale,
|
|
91
|
-
permissions: req.user ? permissions : null,
|
|
92
|
-
serverFunction: serverFunction,
|
|
93
|
-
switchLanguageServerAction: switchLanguageServerAction,
|
|
94
|
-
theme: theme,
|
|
95
|
-
translations: req.i18n.translations,
|
|
96
|
-
user: req.user,
|
|
97
|
-
children: [
|
|
98
|
-
/*#__PURE__*/ _jsxDEV(ProgressBar, {}, void 0, false, {
|
|
99
|
-
fileName: "src/layouts/Root/index.tsx",
|
|
100
|
-
lineNumber: 121,
|
|
101
|
-
columnNumber: 11
|
|
102
|
-
}, this),
|
|
103
|
-
Array.isArray(config.admin?.components?.providers) && config.admin?.components?.providers.length > 0 ? /*#__PURE__*/ _jsxDEV(NestProviders, {
|
|
104
|
-
importMap: req.payload.importMap,
|
|
105
|
-
providers: config.admin?.components?.providers,
|
|
106
|
-
serverProps: {
|
|
107
|
-
i18n: req.i18n,
|
|
108
|
-
payload: req.payload,
|
|
109
|
-
permissions,
|
|
110
|
-
user: req.user
|
|
111
|
-
},
|
|
112
|
-
children: children
|
|
113
|
-
}, void 0, false, {
|
|
114
|
-
fileName: "src/layouts/Root/index.tsx",
|
|
115
|
-
lineNumber: 124,
|
|
116
|
-
columnNumber: 13
|
|
117
|
-
}, this) : children
|
|
118
|
-
]
|
|
119
|
-
}, void 0, true, {
|
|
120
|
-
fileName: "src/layouts/Root/index.tsx",
|
|
121
|
-
lineNumber: 106,
|
|
122
|
-
columnNumber: 9
|
|
123
|
-
}, this),
|
|
124
|
-
/*#__PURE__*/ _jsxDEV("div", {
|
|
125
|
-
id: "portal"
|
|
126
|
-
}, void 0, false, {
|
|
127
|
-
fileName: "src/layouts/Root/index.tsx",
|
|
128
|
-
lineNumber: 140,
|
|
129
|
-
columnNumber: 9
|
|
130
|
-
}, this)
|
|
131
|
-
]
|
|
132
|
-
}, void 0, true, {
|
|
133
|
-
fileName: "src/layouts/Root/index.tsx",
|
|
134
|
-
lineNumber: 105,
|
|
135
|
-
columnNumber: 7
|
|
136
|
-
}, this)
|
|
137
|
-
]
|
|
138
|
-
}, void 0, true, {
|
|
139
|
-
fileName: "src/layouts/Root/index.tsx",
|
|
140
|
-
lineNumber: 95,
|
|
141
|
-
columnNumber: 5
|
|
142
|
-
}, this);
|
|
59
|
+
return <html data-theme={theme} dir={dir} lang={languageCode} suppressHydrationWarning={config?.admin?.suppressHydrationWarning ?? false} {...htmlProps}>
|
|
60
|
+
<head>
|
|
61
|
+
<style>{`@layer payload-default, payload;`}</style>
|
|
62
|
+
</head>
|
|
63
|
+
<body>
|
|
64
|
+
<RootProvider config={clientConfig} dateFNSKey={req.i18n.dateFNSKey} fallbackLang={config.i18n.fallbackLanguage} isNavOpen={navPrefs?.open ?? true} languageCode={languageCode} languageOptions={languageOptions} locale={req.locale} permissions={req.user ? permissions : null} serverFunction={serverFunction} switchLanguageServerAction={switchLanguageServerAction} theme={theme} translations={req.i18n.translations} user={req.user}>
|
|
65
|
+
<ProgressBar/>
|
|
66
|
+
{Array.isArray(config.admin?.components?.providers) && config.admin?.components?.providers.length > 0 ? <NestProviders importMap={req.payload.importMap} providers={config.admin?.components?.providers} serverProps={{
|
|
67
|
+
i18n: req.i18n,
|
|
68
|
+
payload: req.payload,
|
|
69
|
+
permissions,
|
|
70
|
+
user: req.user
|
|
71
|
+
}}>
|
|
72
|
+
{children}
|
|
73
|
+
</NestProviders> : children}
|
|
74
|
+
</RootProvider>
|
|
75
|
+
<div id="portal"/>
|
|
76
|
+
</body>
|
|
77
|
+
</html>;
|
|
143
78
|
};
|
|
144
79
|
|
|
145
80
|
//# sourceMappingURL=index.js.map
|