@payloadcms/ui 3.0.0-beta.30 → 3.0.0-beta.31

package/dist/templates/Default/index.js

@@ -7,13 +7,12 @@ import { RenderCustomComponent } from '../../elements/RenderCustomComponent/inde
 import { NavHamburger } from './NavHamburger/index.js';
 import { Wrapper } from './Wrapper/index.js';
 const baseClass = 'template-default';
-export const DefaultTemplate = async ({ children, className, config: configPromise, visibleEntities })=>{
-    const config = await configPromise;
+export const DefaultTemplate = ({ children, className, payload, visibleEntities })=>{
     const { admin: { components: { Nav: CustomNav } = {
         Nav: undefined
-    } } = {} } = config || {};
+    } } = {} } = payload.config || {};
     const navProps = {
-        config
+        payload
     };
     return /*#__PURE__*/ React.createElement(EntityVisibilityProvider, {
         visibleEntities: visibleEntities
@@ -28,7 +27,8 @@ export const DefaultTemplate = async ({ children, className, config: configPromi
     }, /*#__PURE__*/ React.createElement(RenderCustomComponent, {
         CustomComponent: CustomNav,
         DefaultComponent: DefaultNav,
-        componentProps: navProps
+        componentProps: navProps,
+        payload: payload
     }), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__wrap`
     }, /*#__PURE__*/ React.createElement(AppHeader, null), children))));

package/dist/templates/Default/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/templates/Default/index.tsx"],"sourcesContent":["import type { SanitizedConfig, VisibleEntities } from 'payload/types'\n\nimport { EntityVisibilityProvider } from '@payloadcms/ui/providers/EntityVisibility'\nimport React from 'react'\n\nimport type { NavProps } from '../../elements/Nav/index.js'\n\nimport { AppHeader } from '../../elements/AppHeader/index.js'\nimport { NavToggler } from '../../elements/Nav/NavToggler/index.js'\nimport { DefaultNav } from '../../elements/Nav/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { Wrapper } from './Wrapper/index.js'\nimport './index.scss'\n\nconst baseClass = 'template-default'\n\nexport type DefaultTemplateProps = {\n  children?: React.ReactNode\n  className?: string\n  config: Promise<SanitizedConfig> | SanitizedConfig\n  visibleEntities?: VisibleEntities\n}\n\nexport const DefaultTemplate: React.FC<DefaultTemplateProps> = async ({\n  children,\n  className,\n  config: configPromise,\n  visibleEntities,\n}) => {\n  const config = await configPromise\n\n  const {\n    admin: {\n      components: { Nav: CustomNav } = {\n        Nav: undefined,\n      },\n    } = {},\n  } = config || {}\n\n  const navProps: NavProps = {\n    config,\n  }\n\n  return (\n    <EntityVisibilityProvider visibleEntities={visibleEntities}>\n      <div>\n        <div className={`${baseClass}__nav-toggler-wrapper`} id=\"nav-toggler\">\n          <NavToggler className={`${baseClass}__nav-toggler`}>\n            <NavHamburger />\n          </NavToggler>\n        </div>\n        <Wrapper baseClass={baseClass} className={className}>\n          <RenderCustomComponent\n            CustomComponent={CustomNav}\n            DefaultComponent={DefaultNav}\n            componentProps={navProps}\n          />\n          <div className={`${baseClass}__wrap`}>\n            <AppHeader />\n            {children}\n          </div>\n        </Wrapper>\n      </div>\n    </EntityVisibilityProvider>\n  )\n}\n"],"names":["EntityVisibilityProvider","React","AppHeader","NavToggler","DefaultNav","RenderCustomComponent","NavHamburger","Wrapper","baseClass","DefaultTemplate","children","className","config","configPromise","visibleEntities","admin","components","Nav","CustomNav","undefined","navProps","div","id","CustomComponent","DefaultComponent","componentProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,wBAAwB,QAAQ,4CAA2C;AACpF,OAAOC,WAAW,QAAO;AAIzB,SAASC,SAAS,QAAQ,oCAAmC;AAC7D,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,YAAY,QAAQ,0BAAyB;AACtD,SAASC,OAAO,QAAQ,qBAAoB;AAG5C,MAAMC,YAAY;AASlB,OAAO,MAAMC,kBAAkD,OAAO,EACpEC,QAAQ,EACRC,SAAS,EACTC,QAAQC,aAAa,EACrBC,eAAe,EAChB;IACC,MAAMF,SAAS,MAAMC;IAErB,MAAM,EACJE,OAAO,EACLC,YAAY,EAAEC,KAAKC,SAAS,EAAE,GAAG;QAC/BD,KAAKE;IACP,CAAC,EACF,GAAG,CAAC,CAAC,EACP,GAAGP,UAAU,CAAC;IAEf,MAAMQ,WAAqB;QACzBR;IACF;IAEA,qBACE,oBAACZ;QAAyBc,iBAAiBA;qBACzC,oBAACO,2BACC,oBAACA;QAAIV,WAAW,CAAC,EAAEH,UAAU,qBAAqB,CAAC;QAAEc,IAAG;qBACtD,oBAACnB;QAAWQ,WAAW,CAAC,EAAEH,UAAU,aAAa,CAAC;qBAChD,oBAACF,qCAGL,oBAACC;QAAQC,WAAWA;QAAWG,WAAWA;qBACxC,oBAACN;QACCkB,iBAAiBL;QACjBM,kBAAkBpB;QAClBqB,gBAAgBL;sBAElB,oBAACC;QAAIV,WAAW,CAAC,EAAEH,UAAU,MAAM,CAAC;qBAClC,oBAACN,kBACAQ;AAMb,EAAC"}
+{"version":3,"sources":["../../../src/templates/Default/index.tsx"],"sourcesContent":["import type { Payload, SanitizedConfig, VisibleEntities } from 'payload/types'\n\nimport { EntityVisibilityProvider } from '@payloadcms/ui/providers/EntityVisibility'\nimport React from 'react'\n\nimport type { NavProps } from '../../elements/Nav/index.js'\n\nimport { AppHeader } from '../../elements/AppHeader/index.js'\nimport { NavToggler } from '../../elements/Nav/NavToggler/index.js'\nimport { DefaultNav } from '../../elements/Nav/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { Wrapper } from './Wrapper/index.js'\nimport './index.scss'\n\nconst baseClass = 'template-default'\n\nexport type DefaultTemplateProps = {\n  children?: React.ReactNode\n  className?: string\n  payload: Payload\n  visibleEntities?: VisibleEntities\n}\n\nexport const DefaultTemplate: React.FC<DefaultTemplateProps> = ({\n  children,\n  className,\n  payload,\n  visibleEntities,\n}) => {\n  const {\n    admin: {\n      components: { Nav: CustomNav } = {\n        Nav: undefined,\n      },\n    } = {},\n  } = payload.config || {}\n\n  const navProps: NavProps = {\n    payload,\n  }\n\n  return (\n    <EntityVisibilityProvider visibleEntities={visibleEntities}>\n      <div>\n        <div className={`${baseClass}__nav-toggler-wrapper`} id=\"nav-toggler\">\n          <NavToggler className={`${baseClass}__nav-toggler`}>\n            <NavHamburger />\n          </NavToggler>\n        </div>\n        <Wrapper baseClass={baseClass} className={className}>\n          <RenderCustomComponent\n            CustomComponent={CustomNav}\n            DefaultComponent={DefaultNav}\n            componentProps={navProps}\n            payload={payload}\n          />\n          <div className={`${baseClass}__wrap`}>\n            <AppHeader />\n            {children}\n          </div>\n        </Wrapper>\n      </div>\n    </EntityVisibilityProvider>\n  )\n}\n"],"names":["EntityVisibilityProvider","React","AppHeader","NavToggler","DefaultNav","RenderCustomComponent","NavHamburger","Wrapper","baseClass","DefaultTemplate","children","className","payload","visibleEntities","admin","components","Nav","CustomNav","undefined","config","navProps","div","id","CustomComponent","DefaultComponent","componentProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,wBAAwB,QAAQ,4CAA2C;AACpF,OAAOC,WAAW,QAAO;AAIzB,SAASC,SAAS,QAAQ,oCAAmC;AAC7D,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,YAAY,QAAQ,0BAAyB;AACtD,SAASC,OAAO,QAAQ,qBAAoB;AAG5C,MAAMC,YAAY;AASlB,OAAO,MAAMC,kBAAkD,CAAC,EAC9DC,QAAQ,EACRC,SAAS,EACTC,OAAO,EACPC,eAAe,EAChB;IACC,MAAM,EACJC,OAAO,EACLC,YAAY,EAAEC,KAAKC,SAAS,EAAE,GAAG;QAC/BD,KAAKE;IACP,CAAC,EACF,GAAG,CAAC,CAAC,EACP,GAAGN,QAAQO,MAAM,IAAI,CAAC;IAEvB,MAAMC,WAAqB;QACzBR;IACF;IAEA,qBACE,oBAACZ;QAAyBa,iBAAiBA;qBACzC,oBAACQ,2BACC,oBAACA;QAAIV,WAAW,CAAC,EAAEH,UAAU,qBAAqB,CAAC;QAAEc,IAAG;qBACtD,oBAACnB;QAAWQ,WAAW,CAAC,EAAEH,UAAU,aAAa,CAAC;qBAChD,oBAACF,qCAGL,oBAACC;QAAQC,WAAWA;QAAWG,WAAWA;qBACxC,oBAACN;QACCkB,iBAAiBN;QACjBO,kBAAkBpB;QAClBqB,gBAAgBL;QAChBR,SAASA;sBAEX,oBAACS;QAAIV,WAAW,CAAC,EAAEH,UAAU,MAAM,CAAC;qBAClC,oBAACN,kBACAQ;AAMb,EAAC"}

package/dist/utilities/formatDate.d.ts

@@ -1,13 +1,13 @@
 import type { I18n } from '@payloadcms/translations';
 type FormatDateArgs = {
     date: Date | number | string | undefined;
-    i18n: I18n;
+    i18n: I18n<any, any>;
     pattern: string;
 };
 export declare const formatDate: ({ date, i18n, pattern }: FormatDateArgs) => string;
 type FormatTimeToNowArgs = {
     date: Date | number | string | undefined;
-    i18n: I18n;
+    i18n: I18n<any, any>;
 };
 export declare const formatTimeToNow: ({ date, i18n }: FormatTimeToNowArgs) => string;
 export {};

package/dist/utilities/formatDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatDate.d.ts","sourceRoot":"","sources":["../../src/utilities/formatDate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAIpD,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACxC,IAAI,EAAE,IAAI,CAAA;IACV,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,UAAU,4BAA6B,cAAc,KAAG,MAGpE,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACxC,IAAI,EAAE,IAAI,CAAA;CACX,CAAA;AAED,eAAO,MAAM,eAAe,mBAAoB,mBAAmB,KAAG,MAGrE,CAAA"}
+{"version":3,"file":"formatDate.d.ts","sourceRoot":"","sources":["../../src/utilities/formatDate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAIpD,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACxC,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,UAAU,4BAA6B,cAAc,KAAG,MAGpE,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACxC,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,eAAe,mBAAoB,mBAAmB,KAAG,MAGrE,CAAA"}

package/dist/utilities/formatDate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/formatDate.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\n\nimport { format, formatDistanceToNow } from 'date-fns'\n\ntype FormatDateArgs = {\n  date: Date | number | string | undefined\n  i18n: I18n\n  pattern: string\n}\n\nexport const formatDate = ({ date, i18n, pattern }: FormatDateArgs): string => {\n  const theDate = new Date(date)\n  return format(theDate, pattern, { locale: i18n.dateFNS })\n}\n\ntype FormatTimeToNowArgs = {\n  date: Date | number | string | undefined\n  i18n: I18n\n}\n\nexport const formatTimeToNow = ({ date, i18n }: FormatTimeToNowArgs): string => {\n  const theDate = new Date(date)\n  return formatDistanceToNow(theDate, { locale: i18n.dateFNS })\n}\n"],"names":["format","formatDistanceToNow","formatDate","date","i18n","pattern","theDate","Date","locale","dateFNS","formatTimeToNow"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAEA,SAASA,MAAM,EAAEC,mBAAmB,QAAQ,WAAU;AAQtD,OAAO,MAAMC,aAAa,CAAC,EAAEC,IAAI,EAAEC,IAAI,EAAEC,OAAO,EAAkB;IAChE,MAAMC,UAAU,IAAIC,KAAKJ;IACzB,OAAOH,OAAOM,SAASD,SAAS;QAAEG,QAAQJ,KAAKK,OAAO;IAAC;AACzD,EAAC;AAOD,OAAO,MAAMC,kBAAkB,CAAC,EAAEP,IAAI,EAAEC,IAAI,EAAuB;IACjE,MAAME,UAAU,IAAIC,KAAKJ;IACzB,OAAOF,oBAAoBK,SAAS;QAAEE,QAAQJ,KAAKK,OAAO;IAAC;AAC7D,EAAC"}
+{"version":3,"sources":["../../src/utilities/formatDate.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\n\nimport { format, formatDistanceToNow } from 'date-fns'\n\ntype FormatDateArgs = {\n  date: Date | number | string | undefined\n  i18n: I18n<any, any>\n  pattern: string\n}\n\nexport const formatDate = ({ date, i18n, pattern }: FormatDateArgs): string => {\n  const theDate = new Date(date)\n  return format(theDate, pattern, { locale: i18n.dateFNS })\n}\n\ntype FormatTimeToNowArgs = {\n  date: Date | number | string | undefined\n  i18n: I18n<any, any>\n}\n\nexport const formatTimeToNow = ({ date, i18n }: FormatTimeToNowArgs): string => {\n  const theDate = new Date(date)\n  return formatDistanceToNow(theDate, { locale: i18n.dateFNS })\n}\n"],"names":["format","formatDistanceToNow","formatDate","date","i18n","pattern","theDate","Date","locale","dateFNS","formatTimeToNow"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAEA,SAASA,MAAM,EAAEC,mBAAmB,QAAQ,WAAU;AAQtD,OAAO,MAAMC,aAAa,CAAC,EAAEC,IAAI,EAAEC,IAAI,EAAEC,OAAO,EAAkB;IAChE,MAAMC,UAAU,IAAIC,KAAKJ;IACzB,OAAOH,OAAOM,SAASD,SAAS;QAAEG,QAAQJ,KAAKK,OAAO;IAAC;AACzD,EAAC;AAOD,OAAO,MAAMC,kBAAkB,CAAC,EAAEP,IAAI,EAAEC,IAAI,EAAuB;IACjE,MAAME,UAAU,IAAIC,KAAKJ;IACzB,OAAOF,oBAAoBK,SAAS;QAAEE,QAAQJ,KAAKK,OAAO;IAAC;AAC7D,EAAC"}

package/dist/utilities/formatDocTitle.d.ts

@@ -6,6 +6,6 @@ export declare const formatDocTitle: ({ collectionConfig, data, dateFormat: date
     dateFormat: SanitizedConfig['admin']['dateFormat'];
     fallback?: string;
     globalConfig?: ClientGlobalConfig;
-    i18n: I18n;
+    i18n: I18n<any, any>;
 }) => string;
 //# sourceMappingURL=formatDocTitle.d.ts.map

package/dist/utilities/formatDocTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatDocTitle.d.ts","sourceRoot":"","sources":["../../src/utilities/formatDocTitle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,UAAU,EACX,MAAM,eAAe,CAAA;AAMtB,eAAO,MAAM,cAAc,gGAOxB;IACD,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,IAAI,EAAE,UAAU,CAAA;IAChB,UAAU,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,IAAI,EAAE,IAAI,CAAA;CACX,KAAG,MAmCH,CAAA"}
+{"version":3,"file":"formatDocTitle.d.ts","sourceRoot":"","sources":["../../src/utilities/formatDocTitle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,UAAU,EACX,MAAM,eAAe,CAAA;AAMtB,eAAO,MAAM,cAAc,gGAOxB;IACD,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,IAAI,EAAE,UAAU,CAAA;IAChB,UAAU,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,IAAI,EAAE,KAAK,GAAG,EAAE,GAAG,CAAC,CAAA;CACrB,KAAG,MAmCH,CAAA"}

package/dist/utilities/formatDocTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/formatDocTitle.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  ClientCollectionConfig,\n  ClientGlobalConfig,\n  SanitizedConfig,\n  TypeWithID,\n} from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { formatDate } from '../utilities/formatDate.js'\n\nexport const formatDocTitle = ({\n  collectionConfig,\n  data,\n  dateFormat: dateFormatFromConfig,\n  fallback,\n  globalConfig,\n  i18n,\n}: {\n  collectionConfig?: ClientCollectionConfig\n  data: TypeWithID\n  dateFormat: SanitizedConfig['admin']['dateFormat']\n  fallback?: string\n  globalConfig?: ClientGlobalConfig\n  i18n: I18n\n}): string => {\n  let title: string\n\n  if (collectionConfig) {\n    const useAsTitle = collectionConfig?.admin?.useAsTitle\n\n    if (useAsTitle) {\n      title = data?.[useAsTitle] || title\n\n      if (title) {\n        const fieldConfig = collectionConfig.fields.find(\n          (f) => 'name' in f && f.name === useAsTitle,\n        )\n\n        const isDate = fieldConfig?.type === 'date'\n\n        if (isDate) {\n          const dateFormat =\n            ('date' in fieldConfig.admin && fieldConfig?.admin?.date?.displayFormat) ||\n            dateFormatFromConfig\n          title = formatDate({ date: title, i18n, pattern: dateFormat }) || title\n        }\n      }\n    }\n  }\n\n  if (globalConfig) {\n    title = getTranslation(globalConfig?.label, i18n) || globalConfig?.slug\n  }\n\n  if (!title) {\n    title = fallback || `[${i18n.t('general:untitled')}]`\n  }\n\n  return title\n}\n"],"names":["getTranslation","formatDate","formatDocTitle","collectionConfig","data","dateFormat","dateFormatFromConfig","fallback","globalConfig","i18n","title","useAsTitle","admin","fieldConfig","fields","find","f","name","isDate","type","date","displayFormat","pattern","label","slug","t"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAQA,SAASA,cAAc,QAAQ,2BAA0B;AAEzD,SAASC,UAAU,QAAQ,6BAA4B;AAEvD,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,gBAAgB,EAChBC,IAAI,EACJC,YAAYC,oBAAoB,EAChCC,QAAQ,EACRC,YAAY,EACZC,IAAI,EAQL;IACC,IAAIC;IAEJ,IAAIP,kBAAkB;QACpB,MAAMQ,aAAaR,kBAAkBS,OAAOD;QAE5C,IAAIA,YAAY;YACdD,QAAQN,MAAM,CAACO,WAAW,IAAID;YAE9B,IAAIA,OAAO;gBACT,MAAMG,cAAcV,iBAAiBW,MAAM,CAACC,IAAI,CAC9C,CAACC,IAAM,UAAUA,KAAKA,EAAEC,IAAI,KAAKN;gBAGnC,MAAMO,SAASL,aAAaM,SAAS;gBAErC,IAAID,QAAQ;oBACV,MAAMb,aACJ,AAAC,UAAUQ,YAAYD,KAAK,IAAIC,aAAaD,OAAOQ,MAAMC,iBAC1Df;oBACFI,QAAQT,WAAW;wBAAEmB,MAAMV;wBAAOD;wBAAMa,SAASjB;oBAAW,MAAMK;gBACpE;YACF;QACF;IACF;IAEA,IAAIF,cAAc;QAChBE,QAAQV,eAAeQ,cAAce,OAAOd,SAASD,cAAcgB;IACrE;IAEA,IAAI,CAACd,OAAO;QACVA,QAAQH,YAAY,CAAC,CAAC,EAAEE,KAAKgB,CAAC,CAAC,oBAAoB,CAAC,CAAC;IACvD;IAEA,OAAOf;AACT,EAAC"}
+{"version":3,"sources":["../../src/utilities/formatDocTitle.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  ClientCollectionConfig,\n  ClientGlobalConfig,\n  SanitizedConfig,\n  TypeWithID,\n} from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { formatDate } from '../utilities/formatDate.js'\n\nexport const formatDocTitle = ({\n  collectionConfig,\n  data,\n  dateFormat: dateFormatFromConfig,\n  fallback,\n  globalConfig,\n  i18n,\n}: {\n  collectionConfig?: ClientCollectionConfig\n  data: TypeWithID\n  dateFormat: SanitizedConfig['admin']['dateFormat']\n  fallback?: string\n  globalConfig?: ClientGlobalConfig\n  i18n: I18n<any, any>\n}): string => {\n  let title: string\n\n  if (collectionConfig) {\n    const useAsTitle = collectionConfig?.admin?.useAsTitle\n\n    if (useAsTitle) {\n      title = data?.[useAsTitle] || title\n\n      if (title) {\n        const fieldConfig = collectionConfig.fields.find(\n          (f) => 'name' in f && f.name === useAsTitle,\n        )\n\n        const isDate = fieldConfig?.type === 'date'\n\n        if (isDate) {\n          const dateFormat =\n            ('date' in fieldConfig.admin && fieldConfig?.admin?.date?.displayFormat) ||\n            dateFormatFromConfig\n          title = formatDate({ date: title, i18n, pattern: dateFormat }) || title\n        }\n      }\n    }\n  }\n\n  if (globalConfig) {\n    title = getTranslation(globalConfig?.label, i18n) || globalConfig?.slug\n  }\n\n  if (!title) {\n    title = fallback || `[${i18n.t('general:untitled')}]`\n  }\n\n  return title\n}\n"],"names":["getTranslation","formatDate","formatDocTitle","collectionConfig","data","dateFormat","dateFormatFromConfig","fallback","globalConfig","i18n","title","useAsTitle","admin","fieldConfig","fields","find","f","name","isDate","type","date","displayFormat","pattern","label","slug","t"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAQA,SAASA,cAAc,QAAQ,2BAA0B;AAEzD,SAASC,UAAU,QAAQ,6BAA4B;AAEvD,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,gBAAgB,EAChBC,IAAI,EACJC,YAAYC,oBAAoB,EAChCC,QAAQ,EACRC,YAAY,EACZC,IAAI,EAQL;IACC,IAAIC;IAEJ,IAAIP,kBAAkB;QACpB,MAAMQ,aAAaR,kBAAkBS,OAAOD;QAE5C,IAAIA,YAAY;YACdD,QAAQN,MAAM,CAACO,WAAW,IAAID;YAE9B,IAAIA,OAAO;gBACT,MAAMG,cAAcV,iBAAiBW,MAAM,CAACC,IAAI,CAC9C,CAACC,IAAM,UAAUA,KAAKA,EAAEC,IAAI,KAAKN;gBAGnC,MAAMO,SAASL,aAAaM,SAAS;gBAErC,IAAID,QAAQ;oBACV,MAAMb,aACJ,AAAC,UAAUQ,YAAYD,KAAK,IAAIC,aAAaD,OAAOQ,MAAMC,iBAC1Df;oBACFI,QAAQT,WAAW;wBAAEmB,MAAMV;wBAAOD;wBAAMa,SAASjB;oBAAW,MAAMK;gBACpE;YACF;QACF;IACF;IAEA,IAAIF,cAAc;QAChBE,QAAQV,eAAeQ,cAAce,OAAOd,SAASD,cAAcgB;IACrE;IAEA,IAAI,CAACd,OAAO;QACVA,QAAQH,YAAY,CAAC,CAAC,EAAEE,KAAKgB,CAAC,CAAC,oBAAoB,CAAC,CAAC;IACvD;IAEA,OAAOf;AACT,EAAC"}

package/dist/utilities/groupNavItems.d.ts

@@ -1,4 +1,4 @@
-import type { I18n } from '@payloadcms/translations';
+import type { I18nClient } from '@payloadcms/translations';
 import type { Permissions } from 'payload/auth';
 import type { ClientCollectionConfig, ClientGlobalConfig } from 'payload/types';
 export declare enum EntityType {
@@ -16,5 +16,5 @@ export type Group = {
     entities: EntityToGroup[];
     label: string;
 };
-export declare function groupNavItems(entities: EntityToGroup[], permissions: Permissions, i18n: I18n): Group[];
+export declare function groupNavItems(entities: EntityToGroup[], permissions: Permissions, i18n: I18nClient): Group[];
 //# sourceMappingURL=groupNavItems.d.ts.map

package/dist/utilities/groupNavItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"groupNavItems.d.ts","sourceRoot":"","sources":["../../src/utilities/groupNavItems.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAI/E,oBAAY,UAAU;IACpB,UAAU,gBAAgB;IAC1B,MAAM,YAAY;CACnB;AAED,MAAM,MAAM,aAAa,GACrB;IACE,MAAM,EAAE,sBAAsB,CAAA;IAC9B,IAAI,EAAE,UAAU,CAAC,UAAU,CAAA;CAC5B,GACD;IACE,MAAM,EAAE,kBAAkB,CAAA;IAC1B,IAAI,EAAE,UAAU,CAAC,MAAM,CAAA;CACxB,CAAA;AAEL,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,aAAa,EAAE,EACzB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,GACT,KAAK,EAAE,CA0CT"}
+{"version":3,"file":"groupNavItems.d.ts","sourceRoot":"","sources":["../../src/utilities/groupNavItems.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAI/E,oBAAY,UAAU;IACpB,UAAU,gBAAgB;IAC1B,MAAM,YAAY;CACnB;AAED,MAAM,MAAM,aAAa,GACrB;IACE,MAAM,EAAE,sBAAsB,CAAA;IAC9B,IAAI,EAAE,UAAU,CAAC,UAAU,CAAA;CAC5B,GACD;IACE,MAAM,EAAE,kBAAkB,CAAA;IAC1B,IAAI,EAAE,UAAU,CAAC,MAAM,CAAA;CACxB,CAAA;AAEL,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,aAAa,EAAE,EACzB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,UAAU,GACf,KAAK,EAAE,CA0CT"}

package/dist/utilities/groupNavItems.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/groupNavItems.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { Permissions } from 'payload/auth'\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nexport enum EntityType {\n  collection = 'collections',\n  global = 'globals',\n}\n\nexport type EntityToGroup =\n  | {\n      entity: ClientCollectionConfig\n      type: EntityType.collection\n    }\n  | {\n      entity: ClientGlobalConfig\n      type: EntityType.global\n    }\n\nexport type Group = {\n  entities: EntityToGroup[]\n  label: string\n}\n\nexport function groupNavItems(\n  entities: EntityToGroup[],\n  permissions: Permissions,\n  i18n: I18n,\n): Group[] {\n  const result = entities.reduce(\n    (groups, entityToGroup) => {\n      if (\n        permissions?.[entityToGroup.type.toLowerCase()]?.[entityToGroup.entity.slug]?.read\n          .permission\n      ) {\n        const translatedGroup = getTranslation(entityToGroup.entity.admin.group, i18n)\n        if (entityToGroup.entity.admin.group) {\n          const existingGroup = groups.find(\n            (group) => getTranslation(group.label, i18n) === translatedGroup,\n          ) as Group\n          let matchedGroup: Group = existingGroup\n          if (!existingGroup) {\n            matchedGroup = { entities: [], label: translatedGroup }\n            groups.push(matchedGroup)\n          }\n\n          matchedGroup.entities.push(entityToGroup)\n        } else {\n          const defaultGroup = groups.find((group) => {\n            return getTranslation(group.label, i18n) === i18n.t(`general:${entityToGroup.type}`)\n          }) as Group\n          defaultGroup.entities.push(entityToGroup)\n        }\n      }\n\n      return groups\n    },\n    [\n      {\n        entities: [],\n        label: i18n.t('general:collections'),\n      },\n      {\n        entities: [],\n        label: i18n.t('general:globals'),\n      },\n    ],\n  )\n\n  return result.filter((group) => group.entities.length > 0)\n}\n"],"names":["getTranslation","EntityType","groupNavItems","entities","permissions","i18n","result","reduce","groups","entityToGroup","type","toLowerCase","entity","slug","read","permission","translatedGroup","admin","group","existingGroup","find","label","matchedGroup","push","defaultGroup","t","filter","length"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAIA,SAASA,cAAc,QAAQ,2BAA0B;;UAE7CC;;;GAAAA,eAAAA;AAoBZ,OAAO,SAASC,cACdC,QAAyB,EACzBC,WAAwB,EACxBC,IAAU;IAEV,MAAMC,SAASH,SAASI,MAAM,CAC5B,CAACC,QAAQC;QACP,IACEL,aAAa,CAACK,cAAcC,IAAI,CAACC,WAAW,GAAG,EAAE,CAACF,cAAcG,MAAM,CAACC,IAAI,CAAC,EAAEC,KAC3EC,YACH;YACA,MAAMC,kBAAkBhB,eAAeS,cAAcG,MAAM,CAACK,KAAK,CAACC,KAAK,EAAEb;YACzE,IAAII,cAAcG,MAAM,CAACK,KAAK,CAACC,KAAK,EAAE;gBACpC,MAAMC,gBAAgBX,OAAOY,IAAI,CAC/B,CAACF,QAAUlB,eAAekB,MAAMG,KAAK,EAAEhB,UAAUW;gBAEnD,IAAIM,eAAsBH;gBAC1B,IAAI,CAACA,eAAe;oBAClBG,eAAe;wBAAEnB,UAAU,EAAE;wBAAEkB,OAAOL;oBAAgB;oBACtDR,OAAOe,IAAI,CAACD;gBACd;gBAEAA,aAAanB,QAAQ,CAACoB,IAAI,CAACd;YAC7B,OAAO;gBACL,MAAMe,eAAehB,OAAOY,IAAI,CAAC,CAACF;oBAChC,OAAOlB,eAAekB,MAAMG,KAAK,EAAEhB,UAAUA,KAAKoB,CAAC,CAAC,CAAC,QAAQ,EAAEhB,cAAcC,IAAI,CAAC,CAAC;gBACrF;gBACAc,aAAarB,QAAQ,CAACoB,IAAI,CAACd;YAC7B;QACF;QAEA,OAAOD;IACT,GACA;QACE;YACEL,UAAU,EAAE;YACZkB,OAAOhB,KAAKoB,CAAC,CAAC;QAChB;QACA;YACEtB,UAAU,EAAE;YACZkB,OAAOhB,KAAKoB,CAAC,CAAC;QAChB;KACD;IAGH,OAAOnB,OAAOoB,MAAM,CAAC,CAACR,QAAUA,MAAMf,QAAQ,CAACwB,MAAM,GAAG;AAC1D"}
+{"version":3,"sources":["../../src/utilities/groupNavItems.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { Permissions } from 'payload/auth'\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nexport enum EntityType {\n  collection = 'collections',\n  global = 'globals',\n}\n\nexport type EntityToGroup =\n  | {\n      entity: ClientCollectionConfig\n      type: EntityType.collection\n    }\n  | {\n      entity: ClientGlobalConfig\n      type: EntityType.global\n    }\n\nexport type Group = {\n  entities: EntityToGroup[]\n  label: string\n}\n\nexport function groupNavItems(\n  entities: EntityToGroup[],\n  permissions: Permissions,\n  i18n: I18nClient,\n): Group[] {\n  const result = entities.reduce(\n    (groups, entityToGroup) => {\n      if (\n        permissions?.[entityToGroup.type.toLowerCase()]?.[entityToGroup.entity.slug]?.read\n          .permission\n      ) {\n        const translatedGroup = getTranslation(entityToGroup.entity.admin.group, i18n)\n        if (entityToGroup.entity.admin.group) {\n          const existingGroup = groups.find(\n            (group) => getTranslation(group.label, i18n) === translatedGroup,\n          ) as Group\n          let matchedGroup: Group = existingGroup\n          if (!existingGroup) {\n            matchedGroup = { entities: [], label: translatedGroup }\n            groups.push(matchedGroup)\n          }\n\n          matchedGroup.entities.push(entityToGroup)\n        } else {\n          const defaultGroup = groups.find((group) => {\n            return getTranslation(group.label, i18n) === i18n.t(`general:${entityToGroup.type}`)\n          }) as Group\n          defaultGroup.entities.push(entityToGroup)\n        }\n      }\n\n      return groups\n    },\n    [\n      {\n        entities: [],\n        label: i18n.t('general:collections'),\n      },\n      {\n        entities: [],\n        label: i18n.t('general:globals'),\n      },\n    ],\n  )\n\n  return result.filter((group) => group.entities.length > 0)\n}\n"],"names":["getTranslation","EntityType","groupNavItems","entities","permissions","i18n","result","reduce","groups","entityToGroup","type","toLowerCase","entity","slug","read","permission","translatedGroup","admin","group","existingGroup","find","label","matchedGroup","push","defaultGroup","t","filter","length"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAIA,SAASA,cAAc,QAAQ,2BAA0B;;UAE7CC;;;GAAAA,eAAAA;AAoBZ,OAAO,SAASC,cACdC,QAAyB,EACzBC,WAAwB,EACxBC,IAAgB;IAEhB,MAAMC,SAASH,SAASI,MAAM,CAC5B,CAACC,QAAQC;QACP,IACEL,aAAa,CAACK,cAAcC,IAAI,CAACC,WAAW,GAAG,EAAE,CAACF,cAAcG,MAAM,CAACC,IAAI,CAAC,EAAEC,KAC3EC,YACH;YACA,MAAMC,kBAAkBhB,eAAeS,cAAcG,MAAM,CAACK,KAAK,CAACC,KAAK,EAAEb;YACzE,IAAII,cAAcG,MAAM,CAACK,KAAK,CAACC,KAAK,EAAE;gBACpC,MAAMC,gBAAgBX,OAAOY,IAAI,CAC/B,CAACF,QAAUlB,eAAekB,MAAMG,KAAK,EAAEhB,UAAUW;gBAEnD,IAAIM,eAAsBH;gBAC1B,IAAI,CAACA,eAAe;oBAClBG,eAAe;wBAAEnB,UAAU,EAAE;wBAAEkB,OAAOL;oBAAgB;oBACtDR,OAAOe,IAAI,CAACD;gBACd;gBAEAA,aAAanB,QAAQ,CAACoB,IAAI,CAACd;YAC7B,OAAO;gBACL,MAAMe,eAAehB,OAAOY,IAAI,CAAC,CAACF;oBAChC,OAAOlB,eAAekB,MAAMG,KAAK,EAAEhB,UAAUA,KAAKoB,CAAC,CAAC,CAAC,QAAQ,EAAEhB,cAAcC,IAAI,CAAC,CAAC;gBACrF;gBACAc,aAAarB,QAAQ,CAACoB,IAAI,CAACd;YAC7B;QACF;QAEA,OAAOD;IACT,GACA;QACE;YACEL,UAAU,EAAE;YACZkB,OAAOhB,KAAKoB,CAAC,CAAC;QAChB;QACA;YACEtB,UAAU,EAAE;YACZkB,OAAOhB,KAAKoB,CAAC,CAAC;QAChB;KACD;IAGH,OAAOnB,OAAOoB,MAAM,CAAC,CAACR,QAAUA,MAAMf,QAAQ,CAACwB,MAAM,GAAG;AAC1D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "3.0.0-beta.30",
+  "version": "3.0.0-beta.31",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -113,7 +113,7 @@
     "react-toastify": "10.0.4",
     "use-context-selector": "1.4.1",
     "uuid": "9.0.1",
-    "@payloadcms/translations": "3.0.0-beta.30"
+    "@payloadcms/translations": "3.0.0-beta.31"
   },
   "devDependencies": {
     "@types/body-scroll-lock": "^3.1.0",
@@ -133,14 +133,14 @@
     "terser-webpack-plugin": "^5.3.10",
     "webpack": "^5.78.0",
     "webpack-cli": "^5.1.4",
-    "payload": "3.0.0-beta.30",
+    "payload": "3.0.0-beta.31",
     "@payloadcms/eslint-config": "1.1.1"
   },
   "peerDependencies": {
     "next": "^14.3.0-canary.7",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "payload": "3.0.0-beta.30"
+    "payload": "3.0.0-beta.31"
   },
   "engines": {
     "node": ">=18.20.2"