@payloadcms/ui 3.0.0-beta.1 → 3.0.0-beta.10

package/dist/providers/ComponentMap/buildComponentMap/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { AdminViewProps, EditViewProps, SanitizedConfig } from 'payload/types'\n\nimport React from 'react'\n\nimport type { ComponentMap } from './types.js'\n\nimport { mapCollections } from './collections.js'\nimport { mapGlobals } from './globals.js'\n\nexport const buildComponentMap = (args: {\n  DefaultEditView: React.FC<EditViewProps>\n  DefaultListView: React.FC<AdminViewProps>\n  children: React.ReactNode\n  config: SanitizedConfig\n  i18n: I18n\n  readOnly?: boolean\n}): {\n  componentMap: ComponentMap\n  wrappedChildren: React.ReactNode\n} => {\n  const { DefaultEditView, DefaultListView, children, config, i18n, readOnly } = args\n\n  const collections = mapCollections({\n    DefaultEditView,\n    DefaultListView,\n    collections: config.collections,\n    config,\n    i18n,\n    readOnly,\n  })\n\n  const globals = mapGlobals({\n    DefaultEditView,\n    config,\n    globals: config.globals,\n    i18n,\n    readOnly,\n  })\n\n  const NestProviders = ({ children, providers }) => {\n    const Component = providers[0]\n    if (providers.length > 1) {\n      return (\n        <Component>\n          <NestProviders providers={providers.slice(1)}>{children}</NestProviders>\n        </Component>\n      )\n    }\n    return <Component>{children}</Component>\n  }\n\n  const LogoutButtonComponent = config.admin?.components?.logout?.Button\n\n  const LogoutButton = LogoutButtonComponent ? <LogoutButtonComponent /> : null\n\n  const IconComponent = config.admin?.components?.graphics?.Icon\n\n  const Icon = IconComponent ? <IconComponent /> : null\n\n  return {\n    componentMap: {\n      Icon,\n      LogoutButton,\n      actions: config.admin?.components?.actions?.map((Component) => <Component />),\n      collections,\n      globals,\n    },\n    wrappedChildren:\n      Array.isArray(config.admin?.components?.providers) &&\n      config.admin?.components?.providers.length > 0 ? (\n        <NestProviders providers={config.admin?.components?.providers}>{children}</NestProviders>\n      ) : (\n        children\n      ),\n  }\n}\n"],"names":["React","mapCollections","mapGlobals","buildComponentMap","args","DefaultEditView","DefaultListView","children","config","i18n","readOnly","collections","globals","NestProviders","providers","Component","length","slice","LogoutButtonComponent","admin","components","logout","Button","LogoutButton","IconComponent","graphics","Icon","componentMap","actions","map","wrappedChildren","Array","isArray"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,OAAOA,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,mBAAkB;AACjD,SAASC,UAAU,QAAQ,eAAc;AAEzC,OAAO,MAAMC,oBAAoB,CAACC;IAWhC,MAAM,EAAEC,eAAe,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGN;IAE/E,MAAMO,cAAcV,eAAe;QACjCI;QACAC;QACAK,aAAaH,OAAOG,WAAW;QAC/BH;QACAC;QACAC;IACF;IAEA,MAAME,UAAUV,WAAW;QACzBG;QACAG;QACAI,SAASJ,OAAOI,OAAO;QACvBH;QACAC;IACF;IAEA,MAAMG,gBAAgB,CAAC,EAAEN,QAAQ,EAAEO,SAAS,EAAE;QAC5C,MAAMC,YAAYD,SAAS,CAAC,EAAE;QAC9B,IAAIA,UAAUE,MAAM,GAAG,GAAG;YACxB,qBACE,oBAACD,+BACC,oBAACF;gBAAcC,WAAWA,UAAUG,KAAK,CAAC;eAAKV;QAGrD;QACA,qBAAO,oBAACQ,iBAAWR;IACrB;IAEA,MAAMW,wBAAwBV,OAAOW,KAAK,EAAEC,YAAYC,QAAQC;IAEhE,MAAMC,eAAeL,sCAAwB,oBAACA,+BAA2B;IAEzE,MAAMM,gBAAgBhB,OAAOW,KAAK,EAAEC,YAAYK,UAAUC;IAE1D,MAAMA,OAAOF,8BAAgB,oBAACA,uBAAmB;IAEjD,OAAO;QACLG,cAAc;YACZD;YACAH;YACAK,SAASpB,OAAOW,KAAK,EAAEC,YAAYQ,SAASC,IAAI,CAACd,0BAAc,oBAACA;YAChEJ;YACAC;QACF;QACAkB,iBACEC,MAAMC,OAAO,CAACxB,OAAOW,KAAK,EAAEC,YAAYN,cACxCN,OAAOW,KAAK,EAAEC,YAAYN,UAAUE,SAAS,kBAC3C,oBAACH;YAAcC,WAAWN,OAAOW,KAAK,EAAEC,YAAYN;WAAYP,YAEhEA;IAEN;AACF,EAAC"}
+{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  AdminViewProps,\n  EditViewProps,\n  Payload,\n  SanitizedConfig,\n  WithServerSideProps as WithServerSidePropsType,\n} from 'payload/types'\n\nimport React from 'react'\n\nimport type { ComponentMap } from './types.js'\n\nimport { WithServerSideProps as WithServerSidePropsGeneric } from './WithServerSideProps.js'\nimport { mapCollections } from './collections.js'\nimport { mapGlobals } from './globals.js'\n\nexport const buildComponentMap = (args: {\n  DefaultEditView: React.FC<EditViewProps>\n  DefaultListView: React.FC<AdminViewProps>\n  children: React.ReactNode\n  config: SanitizedConfig\n  i18n: I18n\n  payload: Payload\n  readOnly?: boolean\n}): {\n  componentMap: ComponentMap\n  wrappedChildren: React.ReactNode\n} => {\n  const { DefaultEditView, DefaultListView, children, config, i18n, payload, readOnly } = args\n\n  const WithServerSideProps: WithServerSidePropsType = ({ Component, ...rest }) => {\n    return <WithServerSidePropsGeneric Component={Component} payload={payload} {...rest} />\n  }\n\n  const collections = mapCollections({\n    DefaultEditView,\n    DefaultListView,\n    WithServerSideProps,\n    collections: config.collections,\n    config,\n    i18n,\n    readOnly,\n  })\n\n  const globals = mapGlobals({\n    DefaultEditView,\n    WithServerSideProps,\n    config,\n    globals: config.globals,\n    i18n,\n    readOnly,\n  })\n\n  const NestProviders = ({ children, providers }) => {\n    const Component = providers[0]\n    if (providers.length > 1) {\n      return (\n        <Component>\n          <NestProviders providers={providers.slice(1)}>{children}</NestProviders>\n        </Component>\n      )\n    }\n    return <Component>{children}</Component>\n  }\n\n  const LogoutButtonComponent = config.admin?.components?.logout?.Button\n\n  const LogoutButton = LogoutButtonComponent ? (\n    <WithServerSideProps Component={LogoutButtonComponent} />\n  ) : null\n\n  const IconComponent = config.admin?.components?.graphics?.Icon\n\n  const Icon = IconComponent ? <WithServerSideProps Component={IconComponent} /> : null\n\n  return {\n    componentMap: {\n      Icon,\n      LogoutButton,\n      actions: config.admin?.components?.actions?.map((Component) => (\n        <WithServerSideProps Component={Component} />\n      )),\n      collections,\n      globals,\n    },\n    wrappedChildren:\n      Array.isArray(config.admin?.components?.providers) &&\n      config.admin?.components?.providers.length > 0 ? (\n        <NestProviders providers={config.admin?.components?.providers}>{children}</NestProviders>\n      ) : (\n        children\n      ),\n  }\n}\n"],"names":["React","WithServerSideProps","WithServerSidePropsGeneric","mapCollections","mapGlobals","buildComponentMap","args","DefaultEditView","DefaultListView","children","config","i18n","payload","readOnly","Component","rest","collections","globals","NestProviders","providers","length","slice","LogoutButtonComponent","admin","components","logout","Button","LogoutButton","IconComponent","graphics","Icon","componentMap","actions","map","wrappedChildren","Array","isArray"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AASA,OAAOA,WAAW,QAAO;AAIzB,SAASC,uBAAuBC,0BAA0B,QAAQ,2BAA0B;AAC5F,SAASC,cAAc,QAAQ,mBAAkB;AACjD,SAASC,UAAU,QAAQ,eAAc;AAEzC,OAAO,MAAMC,oBAAoB,CAACC;IAYhC,MAAM,EAAEC,eAAe,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGP;IAExF,MAAML,sBAA+C,CAAC,EAAEa,SAAS,EAAE,GAAGC,MAAM;QAC1E,qBAAO,oBAACb;YAA2BY,WAAWA;YAAWF,SAASA;YAAU,GAAGG,IAAI;;IACrF;IAEA,MAAMC,cAAcb,eAAe;QACjCI;QACAC;QACAP;QACAe,aAAaN,OAAOM,WAAW;QAC/BN;QACAC;QACAE;IACF;IAEA,MAAMI,UAAUb,WAAW;QACzBG;QACAN;QACAS;QACAO,SAASP,OAAOO,OAAO;QACvBN;QACAE;IACF;IAEA,MAAMK,gBAAgB,CAAC,EAAET,QAAQ,EAAEU,SAAS,EAAE;QAC5C,MAAML,YAAYK,SAAS,CAAC,EAAE;QAC9B,IAAIA,UAAUC,MAAM,GAAG,GAAG;YACxB,qBACE,oBAACN,+BACC,oBAACI;gBAAcC,WAAWA,UAAUE,KAAK,CAAC;eAAKZ;QAGrD;QACA,qBAAO,oBAACK,iBAAWL;IACrB;IAEA,MAAMa,wBAAwBZ,OAAOa,KAAK,EAAEC,YAAYC,QAAQC;IAEhE,MAAMC,eAAeL,sCACnB,oBAACrB;QAAoBa,WAAWQ;SAC9B;IAEJ,MAAMM,gBAAgBlB,OAAOa,KAAK,EAAEC,YAAYK,UAAUC;IAE1D,MAAMA,OAAOF,8BAAgB,oBAAC3B;QAAoBa,WAAWc;SAAoB;IAEjF,OAAO;QACLG,cAAc;YACZD;YACAH;YACAK,SAAStB,OAAOa,KAAK,EAAEC,YAAYQ,SAASC,IAAI,CAACnB,0BAC/C,oBAACb;oBAAoBa,WAAWA;;YAElCE;YACAC;QACF;QACAiB,iBACEC,MAAMC,OAAO,CAAC1B,OAAOa,KAAK,EAAEC,YAAYL,cACxCT,OAAOa,KAAK,EAAEC,YAAYL,UAAUC,SAAS,kBAC3C,oBAACF;YAAcC,WAAWT,OAAOa,KAAK,EAAEC,YAAYL;WAAYV,YAEhEA;IAEN;AACF,EAAC"}

package/dist/providers/ComponentMap/index.d.ts

@@ -16,6 +16,7 @@ export type IComponentMapContext = {
         path: string;
     }) => MappedField | undefined;
 };
+export { WithServerSideProps } from './buildComponentMap/WithServerSideProps.js';
 export declare const ComponentMapProvider: React.FC<{
     children: React.ReactNode;
     componentMap: ComponentMap;

package/dist/providers/ComponentMap/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ComponentMap/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAErE,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAEvF,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,EAAE,YAAY,CAAA;IAC1B,eAAe,EAAE,CAAC,IAAI,EAAE;QACtB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,KAAK,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACjE,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,EAAE,GAAG,QAAQ,CAAA;IACtF,oBAAoB,EAAE,CAAC,IAAI,EAAE;QAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,IAAI,EAAE,MAAM,CAAA;KACb,KAAK,WAAW,GAAG,SAAS,CAAA;CAC9B,CAAA;AAID,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,EAAE,YAAY,CAAA;CAC3B,CAwDA,CAAA;AAED,eAAO,MAAM,eAAe,QAAO,oBAAuD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ComponentMap/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAErE,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAEvF,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,EAAE,YAAY,CAAA;IAC1B,eAAe,EAAE,CAAC,IAAI,EAAE;QACtB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,KAAK,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACjE,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,EAAE,GAAG,QAAQ,CAAA;IACtF,oBAAoB,EAAE,CAAC,IAAI,EAAE;QAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,IAAI,EAAE,MAAM,CAAA;KACb,KAAK,WAAW,GAAG,SAAS,CAAA;CAC9B,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAA;AAIhF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,EAAE,YAAY,CAAA;CAC3B,CAwDA,CAAA;AAED,eAAO,MAAM,eAAe,QAAO,oBAAuD,CAAA"}

package/dist/providers/ComponentMap/index.js

@@ -1,5 +1,6 @@
 'use client';
 import React, { createContext, useCallback, useContext } from 'react';
+export { WithServerSideProps } from './buildComponentMap/WithServerSideProps.js';
 const ComponentMapContext = /*#__PURE__*/ createContext({});
 export const ComponentMapProvider = ({ children, componentMap })=>{
     const getMappedFieldByPath = useCallback(({ collectionSlug, globalSlug, path })=>{

package/dist/providers/ComponentMap/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/ComponentMap/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useCallback, useContext } from 'react'\n\nimport type { ComponentMap, FieldMap, MappedField } from './buildComponentMap/types.js'\n\nexport type IComponentMapContext = {\n  componentMap: ComponentMap\n  getComponentMap: (args: {\n    collectionSlug?: string\n    globalSlug?: string\n  }) => ComponentMap['collections'][0] | ComponentMap['globals'][0]\n  getFieldMap: (args: { collectionSlug?: string; globalSlug?: string }) => [] | FieldMap\n  getMappedFieldByPath: (args: {\n    collectionSlug?: string\n    globalSlug?: string\n    path: string\n  }) => MappedField | undefined\n}\n\nconst ComponentMapContext = createContext<IComponentMapContext>({} as IComponentMapContext)\n\nexport const ComponentMapProvider: React.FC<{\n  children: React.ReactNode\n  componentMap: ComponentMap\n}> = ({ children, componentMap }) => {\n  const getMappedFieldByPath: IComponentMapContext['getMappedFieldByPath'] = useCallback(\n    ({ collectionSlug, globalSlug, path }) => {\n      let fieldMap: FieldMap\n\n      if (collectionSlug) {\n        fieldMap = componentMap.collections[collectionSlug].fieldMap\n      }\n\n      if (globalSlug) {\n        fieldMap = componentMap.globals[globalSlug].fieldMap\n      }\n\n      // TODO: better lookup for nested fields, etc.\n      return fieldMap.find((field) => 'name' in field && field.name === path)\n    },\n    [componentMap],\n  )\n\n  const getFieldMap: IComponentMapContext['getFieldMap'] = useCallback(\n    ({ collectionSlug, globalSlug }) => {\n      if (collectionSlug) {\n        return componentMap.collections[collectionSlug].fieldMap\n      }\n\n      if (globalSlug) {\n        return componentMap.globals[globalSlug].fieldMap\n      }\n\n      return []\n    },\n    [componentMap],\n  )\n\n  const getComponentMap: IComponentMapContext['getComponentMap'] = useCallback(\n    ({ collectionSlug, globalSlug }) => {\n      if (collectionSlug) {\n        return componentMap.collections[collectionSlug]\n      }\n\n      if (globalSlug) {\n        return componentMap.globals[globalSlug]\n      }\n\n      return {} as ComponentMap['collections'][0] | ComponentMap['globals'][0]\n    },\n    [componentMap],\n  )\n\n  return (\n    <ComponentMapContext.Provider\n      value={{ componentMap, getComponentMap, getFieldMap, getMappedFieldByPath }}\n    >\n      {children}\n    </ComponentMapContext.Provider>\n  )\n}\n\nexport const useComponentMap = (): IComponentMapContext => useContext(ComponentMapContext)\n"],"names":["React","createContext","useCallback","useContext","ComponentMapContext","ComponentMapProvider","children","componentMap","getMappedFieldByPath","collectionSlug","globalSlug","path","fieldMap","collections","globals","find","field","name","getFieldMap","getComponentMap","Provider","value","useComponentMap"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,QAAQ,QAAO;AAkBrE,MAAMC,oCAAsBH,cAAoC,CAAC;AAEjE,OAAO,MAAMI,uBAGR,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAE;IAC9B,MAAMC,uBAAqEN,YACzE,CAAC,EAAEO,cAAc,EAAEC,UAAU,EAAEC,IAAI,EAAE;QACnC,IAAIC;QAEJ,IAAIH,gBAAgB;YAClBG,WAAWL,aAAaM,WAAW,CAACJ,eAAe,CAACG,QAAQ;QAC9D;QAEA,IAAIF,YAAY;YACdE,WAAWL,aAAaO,OAAO,CAACJ,WAAW,CAACE,QAAQ;QACtD;QAEA,8CAA8C;QAC9C,OAAOA,SAASG,IAAI,CAAC,CAACC,QAAU,UAAUA,SAASA,MAAMC,IAAI,KAAKN;IACpE,GACA;QAACJ;KAAa;IAGhB,MAAMW,cAAmDhB,YACvD,CAAC,EAAEO,cAAc,EAAEC,UAAU,EAAE;QAC7B,IAAID,gBAAgB;YAClB,OAAOF,aAAaM,WAAW,CAACJ,eAAe,CAACG,QAAQ;QAC1D;QAEA,IAAIF,YAAY;YACd,OAAOH,aAAaO,OAAO,CAACJ,WAAW,CAACE,QAAQ;QAClD;QAEA,OAAO,EAAE;IACX,GACA;QAACL;KAAa;IAGhB,MAAMY,kBAA2DjB,YAC/D,CAAC,EAAEO,cAAc,EAAEC,UAAU,EAAE;QAC7B,IAAID,gBAAgB;YAClB,OAAOF,aAAaM,WAAW,CAACJ,eAAe;QACjD;QAEA,IAAIC,YAAY;YACd,OAAOH,aAAaO,OAAO,CAACJ,WAAW;QACzC;QAEA,OAAO,CAAC;IACV,GACA;QAACH;KAAa;IAGhB,qBACE,oBAACH,oBAAoBgB,QAAQ;QAC3BC,OAAO;YAAEd;YAAcY;YAAiBD;YAAaV;QAAqB;OAEzEF;AAGP,EAAC;AAED,OAAO,MAAMgB,kBAAkB,IAA4BnB,WAAWC,qBAAoB"}
+{"version":3,"sources":["../../../src/providers/ComponentMap/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useCallback, useContext } from 'react'\n\nimport type { ComponentMap, FieldMap, MappedField } from './buildComponentMap/types.js'\n\nexport type IComponentMapContext = {\n  componentMap: ComponentMap\n  getComponentMap: (args: {\n    collectionSlug?: string\n    globalSlug?: string\n  }) => ComponentMap['collections'][0] | ComponentMap['globals'][0]\n  getFieldMap: (args: { collectionSlug?: string; globalSlug?: string }) => [] | FieldMap\n  getMappedFieldByPath: (args: {\n    collectionSlug?: string\n    globalSlug?: string\n    path: string\n  }) => MappedField | undefined\n}\n\nexport { WithServerSideProps } from './buildComponentMap/WithServerSideProps.js'\n\nconst ComponentMapContext = createContext<IComponentMapContext>({} as IComponentMapContext)\n\nexport const ComponentMapProvider: React.FC<{\n  children: React.ReactNode\n  componentMap: ComponentMap\n}> = ({ children, componentMap }) => {\n  const getMappedFieldByPath: IComponentMapContext['getMappedFieldByPath'] = useCallback(\n    ({ collectionSlug, globalSlug, path }) => {\n      let fieldMap: FieldMap\n\n      if (collectionSlug) {\n        fieldMap = componentMap.collections[collectionSlug].fieldMap\n      }\n\n      if (globalSlug) {\n        fieldMap = componentMap.globals[globalSlug].fieldMap\n      }\n\n      // TODO: better lookup for nested fields, etc.\n      return fieldMap.find((field) => 'name' in field && field.name === path)\n    },\n    [componentMap],\n  )\n\n  const getFieldMap: IComponentMapContext['getFieldMap'] = useCallback(\n    ({ collectionSlug, globalSlug }) => {\n      if (collectionSlug) {\n        return componentMap.collections[collectionSlug].fieldMap\n      }\n\n      if (globalSlug) {\n        return componentMap.globals[globalSlug].fieldMap\n      }\n\n      return []\n    },\n    [componentMap],\n  )\n\n  const getComponentMap: IComponentMapContext['getComponentMap'] = useCallback(\n    ({ collectionSlug, globalSlug }) => {\n      if (collectionSlug) {\n        return componentMap.collections[collectionSlug]\n      }\n\n      if (globalSlug) {\n        return componentMap.globals[globalSlug]\n      }\n\n      return {} as ComponentMap['collections'][0] | ComponentMap['globals'][0]\n    },\n    [componentMap],\n  )\n\n  return (\n    <ComponentMapContext.Provider\n      value={{ componentMap, getComponentMap, getFieldMap, getMappedFieldByPath }}\n    >\n      {children}\n    </ComponentMapContext.Provider>\n  )\n}\n\nexport const useComponentMap = (): IComponentMapContext => useContext(ComponentMapContext)\n"],"names":["React","createContext","useCallback","useContext","WithServerSideProps","ComponentMapContext","ComponentMapProvider","children","componentMap","getMappedFieldByPath","collectionSlug","globalSlug","path","fieldMap","collections","globals","find","field","name","getFieldMap","getComponentMap","Provider","value","useComponentMap"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,QAAQ,QAAO;AAkBrE,SAASC,mBAAmB,QAAQ,6CAA4C;AAEhF,MAAMC,oCAAsBJ,cAAoC,CAAC;AAEjE,OAAO,MAAMK,uBAGR,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAE;IAC9B,MAAMC,uBAAqEP,YACzE,CAAC,EAAEQ,cAAc,EAAEC,UAAU,EAAEC,IAAI,EAAE;QACnC,IAAIC;QAEJ,IAAIH,gBAAgB;YAClBG,WAAWL,aAAaM,WAAW,CAACJ,eAAe,CAACG,QAAQ;QAC9D;QAEA,IAAIF,YAAY;YACdE,WAAWL,aAAaO,OAAO,CAACJ,WAAW,CAACE,QAAQ;QACtD;QAEA,8CAA8C;QAC9C,OAAOA,SAASG,IAAI,CAAC,CAACC,QAAU,UAAUA,SAASA,MAAMC,IAAI,KAAKN;IACpE,GACA;QAACJ;KAAa;IAGhB,MAAMW,cAAmDjB,YACvD,CAAC,EAAEQ,cAAc,EAAEC,UAAU,EAAE;QAC7B,IAAID,gBAAgB;YAClB,OAAOF,aAAaM,WAAW,CAACJ,eAAe,CAACG,QAAQ;QAC1D;QAEA,IAAIF,YAAY;YACd,OAAOH,aAAaO,OAAO,CAACJ,WAAW,CAACE,QAAQ;QAClD;QAEA,OAAO,EAAE;IACX,GACA;QAACL;KAAa;IAGhB,MAAMY,kBAA2DlB,YAC/D,CAAC,EAAEQ,cAAc,EAAEC,UAAU,EAAE;QAC7B,IAAID,gBAAgB;YAClB,OAAOF,aAAaM,WAAW,CAACJ,eAAe;QACjD;QAEA,IAAIC,YAAY;YACd,OAAOH,aAAaO,OAAO,CAACJ,WAAW;QACzC;QAEA,OAAO,CAAC;IACV,GACA;QAACH;KAAa;IAGhB,qBACE,oBAACH,oBAAoBgB,QAAQ;QAC3BC,OAAO;YAAEd;YAAcY;YAAiBD;YAAaV;QAAqB;OAEzEF;AAGP,EAAC;AAED,OAAO,MAAMgB,kBAAkB,IAA4BpB,WAAWE,qBAAoB"}

package/dist/scss/app.scss

@@ -1,4 +1,3 @@
-@import 'fonts';
 @import 'styles';
 @import './toastify.scss';
 @import './colors.scss';
@@ -20,9 +19,9 @@
   --theme-overlay: rgba(5, 5, 5, 0.5);
   --theme-baseline: #{$baseline-px};
   --theme-baseline-body-size: #{$baseline-body-size};
-  --font-body: 'Suisse Intl', system-ui;
+  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    sans-serif;
   --font-mono: monospace;
-  --font-serif: 'Merriweather', serif;
 
   --style-radius-s: #{$style-radius-s};
   --style-radius-m: #{$style-radius-m};

package/dist/scss/vars.scss

@@ -21,13 +21,6 @@ $baseline: math.div($baseline-px, $baseline-body-size) + rem;
   @return (math.div($baseline-px, $baseline-body-size) * $multiplier) + rem;
 }
 
-//////////////////////////////
-// FONTS (DEPRECATED. DO NOT USE. PREFER CSS VARIABLES)
-//////////////////////////////
-
-$font-body: 'Suisse Intl' !default;
-$font-mono: monospace !default;
-
 //////////////////////////////
 // COLORS (DEPRECATED. DO NOT USE. PREFER CSS VARIABLES)
 //////////////////////////////

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-beta.10",
   "type": "module",
   "homepage": "https://payloadcms.com",
   "repository": {
@@ -82,9 +82,9 @@
       "default": "./dist/prod/styles.css"
     },
     "./scss": {
-      "import": "./dist/scss.scss",
-      "require": "./dist/scss.scss",
-      "default": "./dist/scss.scss"
+      "import": "./dist/scss/styles.scss",
+      "require": "./dist/scss/styles.scss",
+      "default": "./dist/scss/styles.scss"
     },
     "./scss/app.scss": "./dist/scss/app.scss"
   },
@@ -106,8 +106,8 @@
     "terser-webpack-plugin": "^5.3.10",
     "webpack": "^5.78.0",
     "webpack-cli": "^5.1.4",
-    "payload": "3.0.0-beta.1",
-    "@payloadcms/eslint-config": "1.1.1"
+    "@payloadcms/eslint-config": "1.1.1",
+    "payload": "3.0.0-beta.10"
   },
   "dependencies": {
     "@dnd-kit/core": "6.0.8",
@@ -131,15 +131,15 @@
     "react-toastify": "10.0.4",
     "use-context-selector": "1.4.1",
     "uuid": "9.0.1",
-    "@payloadcms/translations": "3.0.0-beta.1"
+    "@payloadcms/translations": "3.0.0-beta.10"
   },
   "peerDependencies": {
-    "next": "14.2.0-canary.23",
+    "next": "^14.2.0-canary.23",
     "react": "^18.0.0",
-    "payload": "3.0.0-beta.1"
+    "payload": "3.0.0-beta.10"
   },
   "engines": {
-    "node": ">=18.17.0"
+    "node": ">=18.20.2"
   },
   "files": [
     "dist"

package/dist/scss/fonts.scss

@@ -1,75 +0,0 @@
-@font-face {
-  font-family: 'Suisse Intl';
-  src:
-    url('../assets/fonts/SuisseIntl.woff2') format('woff2'),
-    url('../assets/fonts/SuisseIntl.woff') format('woff');
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Suisse Intl';
-  src:
-    url('../assets/fonts/SuisseIntl-Medium.woff2') format('woff2'),
-    url('../assets/fonts/SuisseIntl-Medium.woff') format('woff');
-  font-weight: 500;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Suisse Intl';
-  src:
-    url('../assets/fonts/SuisseIntl-SemiBold.woff2') format('woff2'),
-    url('../assets/fonts/SuisseIntl-SemiBold.woff') format('woff');
-  font-weight: 600;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Suisse Intl';
-  src:
-    url('../assets/fonts/SuisseIntl-Bold.woff2') format('woff2'),
-    url('../assets/fonts/SuisseIntl-Bold.woff') format('woff');
-  font-weight: bold;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: normal;
-  font-weight: 400;
-  src:
-    local(''),
-    url('../assets/fonts/merriweather-v30-latin-regular.woff2') format('woff2'),
-    url('../assets/fonts/merriweather-v30-latin-regular.woff') format('woff');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: italic;
-  font-weight: 400;
-  src:
-    local(''),
-    url('../assets/fonts/merriweather-v30-latin-italic.woff2') format('woff2'),
-    url('../assets/fonts/merriweather-v30-latin-italic.woff') format('woff');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: normal;
-  font-weight: 900;
-  src:
-    local(''),
-    url('../assets/fonts/merriweather-v30-latin-900.woff2') format('woff2'),
-    url('../assets/fonts/merriweather-v30-latin-900.woff') format('woff');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: italic;
-  font-weight: 900;
-  src:
-    local(''),
-    url('../assets/fonts/merriweather-v30-latin-900italic.woff2') format('woff2'),
-    url('../assets/fonts/merriweather-v30-latin-900italic.woff') format('woff');
-}