@payloadcms/next 3.25.0 → 3.26.0-canary.bbb3083
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAM7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,MAAM,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;IACxC,cAAc,EAAE,cAAc,CAAA;CAC/B,
|
|
1
|
+
{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAM7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,MAAM,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;IACxC,cAAc,EAAE,cAAc,CAAA;CAC/B,CAyDA,CAAA"}
|
|
@@ -61,19 +61,26 @@ export const DefaultNavClient = t0 => {
|
|
|
61
61
|
});
|
|
62
62
|
id = `nav-global-${slug}`;
|
|
63
63
|
}
|
|
64
|
-
const LinkElement = Link || "a";
|
|
65
64
|
const activeCollection = pathname.startsWith(href) && ["/", undefined].includes(pathname[href.length]);
|
|
66
|
-
|
|
67
|
-
className:
|
|
65
|
+
const Label = _jsx("span", {
|
|
66
|
+
className: `${baseClass}__link-label`,
|
|
67
|
+
children: getTranslation(label_0, i18n)
|
|
68
|
+
});
|
|
69
|
+
if (activeCollection) {
|
|
70
|
+
return _jsxs("div", {
|
|
71
|
+
className: `${baseClass}__link active`,
|
|
72
|
+
id,
|
|
73
|
+
children: [_jsx("div", {
|
|
74
|
+
className: `${baseClass}__link-indicator`
|
|
75
|
+
}), Label]
|
|
76
|
+
}, i);
|
|
77
|
+
}
|
|
78
|
+
return _jsx(Link, {
|
|
79
|
+
className: `${baseClass}__link`,
|
|
68
80
|
href,
|
|
69
81
|
id,
|
|
70
|
-
prefetch:
|
|
71
|
-
children:
|
|
72
|
-
className: `${baseClass}__link-indicator`
|
|
73
|
-
}), _jsx("span", {
|
|
74
|
-
className: `${baseClass}__link-label`,
|
|
75
|
-
children: getTranslation(label_0, i18n)
|
|
76
|
-
})]
|
|
82
|
+
prefetch: false,
|
|
83
|
+
children: Label
|
|
77
84
|
}, i);
|
|
78
85
|
})
|
|
79
86
|
}, key);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.client.js","names":["c","_c","getTranslation","Link","NavGroup","useConfig","useTranslation","EntityType","formatAdminURL","usePathname","React","Fragment","baseClass","DefaultNavClient","t0","$","groups","navPreferences","pathname","config","t1","routes","t2","admin","adminRoute","i18n","t3","t4","t5","key","entities","label","_jsx","isOpen","open","children","map","t6","i","slug","type","label_0","href","id","collection","global","
|
|
1
|
+
{"version":3,"file":"index.client.js","names":["c","_c","getTranslation","Link","NavGroup","useConfig","useTranslation","EntityType","formatAdminURL","usePathname","React","Fragment","baseClass","DefaultNavClient","t0","$","groups","navPreferences","pathname","config","t1","routes","t2","admin","adminRoute","i18n","t3","t4","t5","key","entities","label","_jsx","isOpen","open","children","map","t6","i","slug","type","label_0","href","id","collection","global","activeCollection","startsWith","undefined","includes","length","Label","className","_jsxs","prefetch"],"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 { Link, NavGroup, useConfig, useTranslation } from '@payloadcms/ui'\nimport { EntityType, formatAdminURL } from '@payloadcms/ui/shared'\nimport { usePathname } from 'next/navigation.js'\nimport React, { Fragment } from 'react'\n\nconst baseClass = 'nav'\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 routes: { admin: adminRoute },\n },\n } = useConfig()\n\n const { i18n } = useTranslation()\n\n return (\n <Fragment>\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 activeCollection =\n pathname.startsWith(href) && ['/', undefined].includes(pathname[href.length])\n\n const Label = (\n <span className={`${baseClass}__link-label`}>{getTranslation(label, i18n)}</span>\n )\n\n if (activeCollection) {\n return (\n <div className={`${baseClass}__link active`} id={id} key={i}>\n <div className={`${baseClass}__link-indicator`} />\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"],"mappings":"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","ignoreList":[]}
|
|
@@ -93,36 +93,32 @@
|
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
95
|
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
&:hover,
|
|
111
|
-
&:focus-visible {
|
|
112
|
-
text-decoration: underline;
|
|
113
|
-
}
|
|
96
|
+
&__link {
|
|
97
|
+
display: flex;
|
|
98
|
+
align-items: center;
|
|
99
|
+
position: relative;
|
|
100
|
+
padding-block: base(0.125);
|
|
101
|
+
padding-inline-start: 0;
|
|
102
|
+
padding-inline-end: base(1.5);
|
|
103
|
+
text-decoration: none;
|
|
104
|
+
|
|
105
|
+
&:focus:not(:focus-visible) {
|
|
106
|
+
box-shadow: none;
|
|
107
|
+
font-weight: 600;
|
|
108
|
+
}
|
|
114
109
|
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
}
|
|
110
|
+
&.active {
|
|
111
|
+
font-weight: normal;
|
|
112
|
+
padding-left: 0;
|
|
113
|
+
font-weight: 600;
|
|
120
114
|
}
|
|
121
115
|
}
|
|
122
116
|
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
117
|
+
a.nav__link {
|
|
118
|
+
&:hover,
|
|
119
|
+
&:focus-visible {
|
|
120
|
+
text-decoration: underline;
|
|
121
|
+
}
|
|
126
122
|
}
|
|
127
123
|
|
|
128
124
|
&__link-indicator {
|
|
@@ -148,7 +144,7 @@
|
|
|
148
144
|
padding: var(--app-header-height) var(--gutter-h) base(2);
|
|
149
145
|
}
|
|
150
146
|
|
|
151
|
-
|
|
147
|
+
&__link {
|
|
152
148
|
font-size: base(0.875);
|
|
153
149
|
line-height: base(1.5);
|
|
154
150
|
}
|