@payloadcms/ui 3.0.0-beta.73 → 3.0.0-beta.74

package/dist/providers/ComponentMap/buildComponentMap/globals.js

@@ -7,7 +7,7 @@ import { ViewDescription } from '../../../exports/client/index.js';
 import { mapActions } from './actions.js';
 import { mapFields } from './fields.js';
 export const mapGlobals = ({ args })=>{
-    const { DefaultEditView, WithServerSideProps, config, globals, i18n, i18n: { t }, readOnly: readOnlyOverride } = args;
+    const { DefaultEditView, WithServerSideProps, config, globals, i18n, i18n: { t }, payload, readOnly: readOnlyOverride } = args;
     return globals.reduce((acc, globalConfig)=>{
         const { slug, fields } = globalConfig;
         const editViewFromConfig = globalConfig?.admin?.components?.views?.Edit;
@@ -66,6 +66,7 @@ export const mapGlobals = ({ args })=>{
                 config,
                 fieldSchema: fields,
                 i18n,
+                payload,
                 readOnly: readOnlyOverride
             }),
             isPreviewEnabled: !!globalConfig?.admin?.preview

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/globals.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { EditViewProps, SanitizedConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { isReactComponentOrFunction } from 'payload/shared'\nimport React from 'react'\n\nimport type { ViewDescriptionProps } from '../../../elements/ViewDescription/index.js'\nimport type { WithServerSidePropsPrePopulated } from './index.js'\nimport type { GlobalComponentMap } from './types.js'\n\n// Need to import from client barrel file\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { ViewDescription } from '../../../exports/client/index.js'\nimport { mapActions } from './actions.js'\nimport { mapFields } from './fields.js'\n\nexport const mapGlobals = ({\n  args,\n}: {\n  args: {\n    DefaultEditView: React.FC<EditViewProps>\n    WithServerSideProps: WithServerSidePropsPrePopulated\n    config: SanitizedConfig\n    globals: SanitizedGlobalConfig[]\n    i18n: I18nClient\n    readOnly?: boolean\n  }\n}): {\n  [key: SanitizedGlobalConfig['slug']]: GlobalComponentMap\n} => {\n  const {\n    DefaultEditView,\n    WithServerSideProps,\n    config,\n    globals,\n    i18n,\n    i18n: { t },\n    readOnly: readOnlyOverride,\n  } = args\n\n  return globals.reduce((acc, globalConfig) => {\n    const { slug, fields } = globalConfig\n\n    const editViewFromConfig = globalConfig?.admin?.components?.views?.Edit\n\n    const SaveButton = globalConfig?.admin?.components?.elements?.SaveButton\n\n    const SaveButtonComponent = SaveButton ? (\n      <WithServerSideProps Component={SaveButton} />\n    ) : undefined\n\n    const SaveDraftButton = globalConfig?.admin?.components?.elements?.SaveDraftButton\n\n    const SaveDraftButtonComponent = SaveDraftButton ? (\n      <WithServerSideProps Component={SaveDraftButton} />\n    ) : undefined\n\n    const PreviewButton = globalConfig?.admin?.components?.elements?.PreviewButton\n\n    const PreviewButtonComponent = PreviewButton ? (\n      <WithServerSideProps Component={PreviewButton} />\n    ) : undefined\n\n    const PublishButton = globalConfig?.admin?.components?.elements?.PublishButton\n\n    const PublishButtonComponent = PublishButton ? (\n      <WithServerSideProps Component={PublishButton} />\n    ) : undefined\n\n    const CustomEditView =\n      typeof editViewFromConfig === 'function'\n        ? editViewFromConfig\n        : typeof editViewFromConfig === 'object' &&\n            isReactComponentOrFunction(editViewFromConfig.Default)\n          ? editViewFromConfig.Default\n          : typeof editViewFromConfig?.Default === 'object' &&\n              'Component' in editViewFromConfig.Default &&\n              isReactComponentOrFunction(editViewFromConfig.Default.Component)\n            ? editViewFromConfig.Default.Component\n            : undefined\n\n    const Edit = (CustomEditView as React.FC<EditViewProps>) || DefaultEditView\n\n    let description = undefined\n    if (globalConfig.admin && 'description' in globalConfig.admin) {\n      if (\n        typeof globalConfig.admin?.description === 'string' ||\n        typeof globalConfig.admin?.description === 'object'\n      ) {\n        description = globalConfig.admin.description\n      } else if (typeof globalConfig.admin?.description === 'function') {\n        description = globalConfig.admin?.description({ t })\n      }\n    }\n\n    const descriptionProps: ViewDescriptionProps = {\n      description,\n    }\n    const DescriptionComponent =\n      globalConfig.admin?.components?.elements?.Description ||\n      (description ? ViewDescription : undefined)\n\n    const Description =\n      DescriptionComponent !== undefined ? (\n        <WithServerSideProps Component={DescriptionComponent} {...(descriptionProps || {})} />\n      ) : undefined\n\n    const componentMap: GlobalComponentMap = {\n      Description,\n      Edit: <Edit globalSlug={globalConfig.slug} />,\n      PreviewButton: PreviewButtonComponent,\n      PublishButton: PublishButtonComponent,\n      SaveButton: SaveButtonComponent,\n      SaveDraftButton: SaveDraftButtonComponent,\n      Upload: null,\n      actionsMap: mapActions({\n        WithServerSideProps,\n        globalConfig,\n      }),\n      fieldMap: mapFields({\n        WithServerSideProps,\n        config,\n        fieldSchema: fields,\n        i18n,\n        readOnly: readOnlyOverride,\n      }),\n      isPreviewEnabled: !!globalConfig?.admin?.preview,\n    }\n\n    return {\n      ...acc,\n      [slug]: componentMap,\n    }\n  }, {})\n}\n"],"names":["isReactComponentOrFunction","React","ViewDescription","mapActions","mapFields","mapGlobals","args","DefaultEditView","WithServerSideProps","config","globals","i18n","t","readOnly","readOnlyOverride","reduce","acc","globalConfig","slug","fields","editViewFromConfig","admin","components","views","Edit","SaveButton","elements","SaveButtonComponent","Component","undefined","SaveDraftButton","SaveDraftButtonComponent","PreviewButton","PreviewButtonComponent","PublishButton","PublishButtonComponent","CustomEditView","Default","description","descriptionProps","DescriptionComponent","Description","componentMap","globalSlug","Upload","actionsMap","fieldMap","fieldSchema","isPreviewEnabled","preview"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/globals.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { EditViewProps, Payload, SanitizedConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { isReactComponentOrFunction } from 'payload/shared'\nimport React from 'react'\n\nimport type { ViewDescriptionProps } from '../../../elements/ViewDescription/index.js'\nimport type { WithServerSidePropsPrePopulated } from './index.js'\nimport type { GlobalComponentMap } from './types.js'\n\n// Need to import from client barrel file\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { ViewDescription } from '../../../exports/client/index.js'\nimport { mapActions } from './actions.js'\nimport { mapFields } from './fields.js'\n\nexport const mapGlobals = ({\n  args,\n}: {\n  args: {\n    DefaultEditView: React.FC<EditViewProps>\n    WithServerSideProps: WithServerSidePropsPrePopulated\n    config: SanitizedConfig\n    globals: SanitizedGlobalConfig[]\n    i18n: I18nClient\n    payload: Payload\n    readOnly?: boolean\n  }\n}): {\n  [key: SanitizedGlobalConfig['slug']]: GlobalComponentMap\n} => {\n  const {\n    DefaultEditView,\n    WithServerSideProps,\n    config,\n    globals,\n    i18n,\n    i18n: { t },\n    payload,\n    readOnly: readOnlyOverride,\n  } = args\n\n  return globals.reduce((acc, globalConfig) => {\n    const { slug, fields } = globalConfig\n\n    const editViewFromConfig = globalConfig?.admin?.components?.views?.Edit\n\n    const SaveButton = globalConfig?.admin?.components?.elements?.SaveButton\n\n    const SaveButtonComponent = SaveButton ? (\n      <WithServerSideProps Component={SaveButton} />\n    ) : undefined\n\n    const SaveDraftButton = globalConfig?.admin?.components?.elements?.SaveDraftButton\n\n    const SaveDraftButtonComponent = SaveDraftButton ? (\n      <WithServerSideProps Component={SaveDraftButton} />\n    ) : undefined\n\n    const PreviewButton = globalConfig?.admin?.components?.elements?.PreviewButton\n\n    const PreviewButtonComponent = PreviewButton ? (\n      <WithServerSideProps Component={PreviewButton} />\n    ) : undefined\n\n    const PublishButton = globalConfig?.admin?.components?.elements?.PublishButton\n\n    const PublishButtonComponent = PublishButton ? (\n      <WithServerSideProps Component={PublishButton} />\n    ) : undefined\n\n    const CustomEditView =\n      typeof editViewFromConfig === 'function'\n        ? editViewFromConfig\n        : typeof editViewFromConfig === 'object' &&\n            isReactComponentOrFunction(editViewFromConfig.Default)\n          ? editViewFromConfig.Default\n          : typeof editViewFromConfig?.Default === 'object' &&\n              'Component' in editViewFromConfig.Default &&\n              isReactComponentOrFunction(editViewFromConfig.Default.Component)\n            ? editViewFromConfig.Default.Component\n            : undefined\n\n    const Edit = (CustomEditView as React.FC<EditViewProps>) || DefaultEditView\n\n    let description = undefined\n    if (globalConfig.admin && 'description' in globalConfig.admin) {\n      if (\n        typeof globalConfig.admin?.description === 'string' ||\n        typeof globalConfig.admin?.description === 'object'\n      ) {\n        description = globalConfig.admin.description\n      } else if (typeof globalConfig.admin?.description === 'function') {\n        description = globalConfig.admin?.description({ t })\n      }\n    }\n\n    const descriptionProps: ViewDescriptionProps = {\n      description,\n    }\n    const DescriptionComponent =\n      globalConfig.admin?.components?.elements?.Description ||\n      (description ? ViewDescription : undefined)\n\n    const Description =\n      DescriptionComponent !== undefined ? (\n        <WithServerSideProps Component={DescriptionComponent} {...(descriptionProps || {})} />\n      ) : undefined\n\n    const componentMap: GlobalComponentMap = {\n      Description,\n      Edit: <Edit globalSlug={globalConfig.slug} />,\n      PreviewButton: PreviewButtonComponent,\n      PublishButton: PublishButtonComponent,\n      SaveButton: SaveButtonComponent,\n      SaveDraftButton: SaveDraftButtonComponent,\n      Upload: null,\n      actionsMap: mapActions({\n        WithServerSideProps,\n        globalConfig,\n      }),\n      fieldMap: mapFields({\n        WithServerSideProps,\n        config,\n        fieldSchema: fields,\n        i18n,\n        payload,\n        readOnly: readOnlyOverride,\n      }),\n      isPreviewEnabled: !!globalConfig?.admin?.preview,\n    }\n\n    return {\n      ...acc,\n      [slug]: componentMap,\n    }\n  }, {})\n}\n"],"names":["isReactComponentOrFunction","React","ViewDescription","mapActions","mapFields","mapGlobals","args","DefaultEditView","WithServerSideProps","config","globals","i18n","t","payload","readOnly","readOnlyOverride","reduce","acc","globalConfig","slug","fields","editViewFromConfig","admin","components","views","Edit","SaveButton","elements","SaveButtonComponent","Component","undefined","SaveDraftButton","SaveDraftButtonComponent","PreviewButton","PreviewButtonComponent","PublishButton","PublishButtonComponent","CustomEditView","Default","description","descriptionProps","DescriptionComponent","Description","componentMap","globalSlug","Upload","actionsMap","fieldMap","fieldSchema","isPreviewEnabled","preview"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/ComponentMap/buildComponentMap/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,OAAO,EACP,WAAW,EACX,iCAAiC,EAClC,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAM9C,MAAM,MAAM,+BAA+B,GAAG,KAAK,CAAC,EAAE,CACpD,IAAI,CAAC,iCAAiC,EAAE,iBAAiB,CAAC,CAC3D,CAAA;AAED,eAAO,MAAM,iBAAiB,SAAU;IACtC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAA;IACxC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAG;IACF,YAAY,EAAE,YAAY,CAAA;IAC1B,eAAe,EAAE,KAAK,CAAC,SAAS,CAAA;CA+EjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/ComponentMap/buildComponentMap/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,OAAO,EACP,WAAW,EACX,iCAAiC,EAClC,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAM9C,MAAM,MAAM,+BAA+B,GAAG,KAAK,CAAC,EAAE,CACpD,IAAI,CAAC,iCAAiC,EAAE,iBAAiB,CAAC,CAC3D,CAAA;AAED,eAAO,MAAM,iBAAiB,SAAU;IACtC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAA;IACxC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAG;IACF,YAAY,EAAE,YAAY,CAAA;IAC1B,eAAe,EAAE,KAAK,CAAC,SAAS,CAAA;CAiFjC,CAAA"}

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

@@ -23,6 +23,7 @@ export const buildComponentMap = (args)=>{
         collections: config.collections,
         config,
         i18n,
+        payload,
         readOnly
     });
     const globals = mapGlobals({
@@ -32,6 +33,7 @@ export const buildComponentMap = (args)=>{
             config,
             globals: config.globals,
             i18n,
+            payload,
             readOnly
         }
     });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/index.tsx"],"sourcesContent":["import type {\n  AdminViewProps,\n  EditViewProps,\n  Payload,\n  ServerProps,\n  WithServerSidePropsComponentProps,\n} from 'payload'\n\nimport React from 'react'\n\nimport type { ComponentMap } from './types.js'\n\nimport { WithServerSideProps as WithServerSidePropsGeneric } from '../../../elements/WithServerSideProps/index.js'\nimport { mapCollections } from './collections.js'\nimport { mapGlobals } from './globals.js'\n\nexport type WithServerSidePropsPrePopulated = React.FC<\n  Omit<WithServerSidePropsComponentProps, 'serverOnlyProps'>\n>\n\nexport const buildComponentMap = (args: {\n  DefaultEditView: React.FC<EditViewProps>\n  DefaultListView: React.FC<AdminViewProps>\n  children: React.ReactNode\n  i18n: ServerProps['i18n']\n  payload: Payload\n  readOnly?: boolean\n}): {\n  componentMap: ComponentMap\n  wrappedChildren: React.ReactNode\n} => {\n  const { DefaultEditView, DefaultListView, children, i18n, payload, readOnly } = args\n  const config = payload.config\n\n  const WithServerSideProps: WithServerSidePropsPrePopulated = ({ Component, ...rest }) => {\n    return (\n      <WithServerSidePropsGeneric\n        Component={Component}\n        serverOnlyProps={{\n          i18n,\n          payload,\n        }}\n        {...rest}\n      />\n    )\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    args: {\n      DefaultEditView,\n      WithServerSideProps,\n      config,\n      globals: config.globals,\n      i18n,\n      readOnly,\n    },\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, i) => (\n        <WithServerSideProps Component={Component} key={i} />\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","i18n","payload","readOnly","config","Component","rest","serverOnlyProps","collections","globals","NestProviders","providers","length","slice","LogoutButtonComponent","admin","components","logout","Button","LogoutButton","IconComponent","graphics","Icon","componentMap","actions","map","i","wrappedChildren","Array","isArray"],"mappings":";AAQA,OAAOA,WAAW,QAAO;AAIzB,SAASC,uBAAuBC,0BAA0B,QAAQ,iDAAgD;AAClH,SAASC,cAAc,QAAQ,mBAAkB;AACjD,SAASC,UAAU,QAAQ,eAAc;AAMzC,OAAO,MAAMC,oBAAoB,CAACC;IAWhC,MAAM,EAAEC,eAAe,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGN;IAChF,MAAMO,SAASF,QAAQE,MAAM;IAE7B,MAAMZ,sBAAuD,CAAC,EAAEa,SAAS,EAAE,GAAGC,MAAM;QAClF,qBACE,KAACb;YACCY,WAAWA;YACXE,iBAAiB;gBACfN;gBACAC;YACF;YACC,GAAGI,IAAI;;IAGd;IAEA,MAAME,cAAcd,eAAe;QACjCI;QACAC;QACAP;QACAgB,aAAaJ,OAAOI,WAAW;QAC/BJ;QACAH;QACAE;IACF;IAEA,MAAMM,UAAUd,WAAW;QACzBE,MAAM;YACJC;YACAN;YACAY;YACAK,SAASL,OAAOK,OAAO;YACvBR;YACAE;QACF;IACF;IAEA,MAAMO,gBAAgB,CAAC,EAAEV,QAAQ,EAAEW,SAAS,EAAE;QAC5C,MAAMN,YAAYM,SAAS,CAAC,EAAE;QAC9B,IAAIA,UAAUC,MAAM,GAAG,GAAG;YACxB,qBACE,KAACP;0BACC,cAAA,KAACK;oBAAcC,WAAWA,UAAUE,KAAK,CAAC;8BAAKb;;;QAGrD;QACA,qBAAO,KAACK;sBAAWL;;IACrB;IAEA,MAAMc,wBAAwBV,OAAOW,KAAK,EAAEC,YAAYC,QAAQC;IAEhE,MAAMC,eAAeL,sCACnB,KAACtB;QAAoBa,WAAWS;SAC9B;IAEJ,MAAMM,gBAAgBhB,OAAOW,KAAK,EAAEC,YAAYK,UAAUC;IAE1D,MAAMA,OAAOF,8BAAgB,KAAC5B;QAAoBa,WAAWe;SAAoB;IAEjF,OAAO;QACLG,cAAc;YACZD;YACAH;YACAK,SAASpB,OAAOW,KAAK,EAAEC,YAAYQ,SAASC,IAAI,CAACpB,WAAWqB,kBAC1D,KAAClC;oBAAoBa,WAAWA;mBAAgBqB;YAElDlB;YACAC;QACF;QACAkB,iBACEC,MAAMC,OAAO,CAACzB,OAAOW,KAAK,EAAEC,YAAYL,cACxCP,OAAOW,KAAK,EAAEC,YAAYL,UAAUC,SAAS,kBAC3C,KAACF;YAAcC,WAAWP,OAAOW,KAAK,EAAEC,YAAYL;sBAAYX;aAEhEA;IAEN;AACF,EAAC"}
+{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/index.tsx"],"sourcesContent":["import type {\n  AdminViewProps,\n  EditViewProps,\n  Payload,\n  ServerProps,\n  WithServerSidePropsComponentProps,\n} from 'payload'\n\nimport React from 'react'\n\nimport type { ComponentMap } from './types.js'\n\nimport { WithServerSideProps as WithServerSidePropsGeneric } from '../../../elements/WithServerSideProps/index.js'\nimport { mapCollections } from './collections.js'\nimport { mapGlobals } from './globals.js'\n\nexport type WithServerSidePropsPrePopulated = React.FC<\n  Omit<WithServerSidePropsComponentProps, 'serverOnlyProps'>\n>\n\nexport const buildComponentMap = (args: {\n  DefaultEditView: React.FC<EditViewProps>\n  DefaultListView: React.FC<AdminViewProps>\n  children: React.ReactNode\n  i18n: ServerProps['i18n']\n  payload: Payload\n  readOnly?: boolean\n}): {\n  componentMap: ComponentMap\n  wrappedChildren: React.ReactNode\n} => {\n  const { DefaultEditView, DefaultListView, children, i18n, payload, readOnly } = args\n  const config = payload.config\n\n  const WithServerSideProps: WithServerSidePropsPrePopulated = ({ Component, ...rest }) => {\n    return (\n      <WithServerSidePropsGeneric\n        Component={Component}\n        serverOnlyProps={{\n          i18n,\n          payload,\n        }}\n        {...rest}\n      />\n    )\n  }\n\n  const collections = mapCollections({\n    DefaultEditView,\n    DefaultListView,\n    WithServerSideProps,\n    collections: config.collections,\n    config,\n    i18n,\n    payload,\n    readOnly,\n  })\n\n  const globals = mapGlobals({\n    args: {\n      DefaultEditView,\n      WithServerSideProps,\n      config,\n      globals: config.globals,\n      i18n,\n      payload,\n      readOnly,\n    },\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, i) => (\n        <WithServerSideProps Component={Component} key={i} />\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","i18n","payload","readOnly","config","Component","rest","serverOnlyProps","collections","globals","NestProviders","providers","length","slice","LogoutButtonComponent","admin","components","logout","Button","LogoutButton","IconComponent","graphics","Icon","componentMap","actions","map","i","wrappedChildren","Array","isArray"],"mappings":";AAQA,OAAOA,WAAW,QAAO;AAIzB,SAASC,uBAAuBC,0BAA0B,QAAQ,iDAAgD;AAClH,SAASC,cAAc,QAAQ,mBAAkB;AACjD,SAASC,UAAU,QAAQ,eAAc;AAMzC,OAAO,MAAMC,oBAAoB,CAACC;IAWhC,MAAM,EAAEC,eAAe,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGN;IAChF,MAAMO,SAASF,QAAQE,MAAM;IAE7B,MAAMZ,sBAAuD,CAAC,EAAEa,SAAS,EAAE,GAAGC,MAAM;QAClF,qBACE,KAACb;YACCY,WAAWA;YACXE,iBAAiB;gBACfN;gBACAC;YACF;YACC,GAAGI,IAAI;;IAGd;IAEA,MAAME,cAAcd,eAAe;QACjCI;QACAC;QACAP;QACAgB,aAAaJ,OAAOI,WAAW;QAC/BJ;QACAH;QACAC;QACAC;IACF;IAEA,MAAMM,UAAUd,WAAW;QACzBE,MAAM;YACJC;YACAN;YACAY;YACAK,SAASL,OAAOK,OAAO;YACvBR;YACAC;YACAC;QACF;IACF;IAEA,MAAMO,gBAAgB,CAAC,EAAEV,QAAQ,EAAEW,SAAS,EAAE;QAC5C,MAAMN,YAAYM,SAAS,CAAC,EAAE;QAC9B,IAAIA,UAAUC,MAAM,GAAG,GAAG;YACxB,qBACE,KAACP;0BACC,cAAA,KAACK;oBAAcC,WAAWA,UAAUE,KAAK,CAAC;8BAAKb;;;QAGrD;QACA,qBAAO,KAACK;sBAAWL;;IACrB;IAEA,MAAMc,wBAAwBV,OAAOW,KAAK,EAAEC,YAAYC,QAAQC;IAEhE,MAAMC,eAAeL,sCACnB,KAACtB;QAAoBa,WAAWS;SAC9B;IAEJ,MAAMM,gBAAgBhB,OAAOW,KAAK,EAAEC,YAAYK,UAAUC;IAE1D,MAAMA,OAAOF,8BAAgB,KAAC5B;QAAoBa,WAAWe;SAAoB;IAEjF,OAAO;QACLG,cAAc;YACZD;YACAH;YACAK,SAASpB,OAAOW,KAAK,EAAEC,YAAYQ,SAASC,IAAI,CAACpB,WAAWqB,kBAC1D,KAAClC;oBAAoBa,WAAWA;mBAAgBqB;YAElDlB;YACAC;QACF;QACAkB,iBACEC,MAAMC,OAAO,CAACzB,OAAOW,KAAK,EAAEC,YAAYL,cACxCP,OAAOW,KAAK,EAAEC,YAAYL,UAAUC,SAAS,kBAC3C,KAACF;YAAcC,WAAWP,OAAOW,KAAK,EAAEC,YAAYL;sBAAYX;aAEhEA;IAEN;AACF,EAAC"}

package/dist/scss/app.scss

@@ -3,7 +3,7 @@
 @import './colors.scss';
 
 :root {
-  --base-px: 25;
+  --base-px: 20;
   --base-body-size: 13;
   --base: calc((var(--base-px) / var(--base-body-size)) * 1rem);
 
@@ -21,6 +21,7 @@
   --theme-baseline-body-size: #{$baseline-body-size};
   --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
     sans-serif;
+  --font-serif: Georgia, 'Bitstream Charter', 'Charis SIL', Utopia, 'URW Bookman L', serif;
   --font-mono: monospace;
 
   --style-radius-s: #{$style-radius-s};

package/dist/scss/toasts.scss

@@ -69,9 +69,16 @@
     }
 
     .toast-icon {
-      svg {
-        width: base(1);
-        height: base(1);
+      width: base(1);
+      height: base(1);
+      margin: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      & > * {
+        width: base(1.2);
+        height: base(1.2);
       }
     }
 

package/dist/scss/type.scss

@@ -15,17 +15,10 @@
   font-weight: 500;
 }
 
-%jumbo {
-  font-size: base(2.5);
-  line-height: 1;
-  margin: 0 0 base(2);
-}
-
 %h1 {
   margin: 0 0 base(1);
-  font-size: base(2);
-  line-height: 1.15;
-  letter-spacing: -1px;
+  font-size: base(1.6);
+  line-height: base(1.8);
 
   @include small-break {
     letter-spacing: -0.5px;
@@ -35,9 +28,8 @@
 
 %h2 {
   margin: 0 0 base(1);
-  font-size: base(1.25);
-  line-height: 1.15;
-  letter-spacing: -0.5px;
+  font-size: base(1.3);
+  line-height: base(1.6);
 
   @include small-break {
     font-size: base(0.85);
@@ -46,9 +38,8 @@
 
 %h3 {
   margin: 0 0 base(1);
-  font-size: base(0.925);
-  line-height: 1.25;
-  letter-spacing: -0.5px;
+  font-size: base(1);
+  line-height: base(1.2);
 
   @include small-break {
     font-size: base(0.65);
@@ -58,27 +49,27 @@
 
 %h4 {
   margin: 0 0 $baseline;
-  font-size: base(0.75);
-  line-height: 1.5;
+  font-size: base(0.8);
+  line-height: base(1);
   letter-spacing: -0.375px;
 }
 
 %h5 {
   margin: 0;
-  font-size: base(0.5625);
-  line-height: 1.5;
+  font-size: base(0.65);
+  line-height: base(0.8);
 }
 
 %h6 {
   margin: 0;
-  font-size: base(0.5);
-  line-height: 1.5;
+  font-size: base(0.6);
+  line-height: base(0.8);
 }
 
 %small {
   margin: 0;
-  font-size: 11px;
-  line-height: 1.5;
+  font-size: 12px;
+  line-height: 20px;
 }
 
 /////////////////////////////

package/dist/scss/vars.scss

@@ -13,7 +13,7 @@ $breakpoint-l-width: 1440px !default;
 // BASELINE GRID
 //////////////////////////////
 
-$baseline-px: 25px !default;
+$baseline-px: 20px !default;
 $baseline-body-size: 13px !default;
 $baseline: math.div($baseline-px, $baseline-body-size) + rem;
 
@@ -40,7 +40,7 @@ $color-purple: #f3ddf3 !default;
 
 $style-radius-s: 3px !default;
 $style-radius-m: 4px !default;
-$style-radius-l: 9px !default;
+$style-radius-l: 8px !default;
 $style-stroke-width: 1px !default;
 
 $style-stroke-width-s: 1px !default;
@@ -50,8 +50,8 @@ $style-stroke-width-m: 2px !default;
 // MISC
 //////////////////////////////
 
-$top-header-offset: calc(var(--base) - 1px);
-$top-header-offset-m: calc(var(--base) * 3);
+$top-header-offset: calc(base(1) - 1px);
+$top-header-offset-m: base(3);
 $focus-box-shadow: 0 0 0 $style-stroke-width-m var(--theme-success-500);
 
 //////////////////////////////
@@ -59,41 +59,19 @@ $focus-box-shadow: 0 0 0 $style-stroke-width-m var(--theme-success-500);
 //////////////////////////////
 
 @mixin shadow-sm {
-  box-shadow:
-    0 2px 3px 0 rgba(0, 2, 4, 0.05),
-    0 10px 4px -8px rgba(0, 2, 4, 0.02);
+  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
 }
 
 @mixin shadow-m {
-  box-shadow:
-    0 0 30px 0 rgb(0 2 4 / 12%),
-    0 30px 25px -8px rgb(0 2 4 / 10%);
+  box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.1);
 }
 
 @mixin shadow-lg {
-  box-shadow:
-    0 20px 35px -10px rgba(0, 2, 4, 0.2),
-    0 6px 4px -4px rgba(0, 2, 4, 0.02);
+  box-shadow: 0 -2px 16px -2px rgba(0, 0, 0, 0.2);
 }
 
 @mixin shadow-lg-top {
-  box-shadow:
-    0 -20px 35px -10px rgba(0, 2, 4, 0.2),
-    0 -6px 4px -4px rgba(0, 2, 4, 0.02);
-}
-
-@mixin shadow {
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
-
-  &:hover {
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  }
-}
-
-@mixin inputShadowActive {
-  box-shadow:
-    0 2px 3px 0 rgba(0, 2, 4, 0.16),
-    0 6px 4px -4px rgba(0, 2, 4, 0.13);
+  box-shadow: 0 2px 16px -2px rgba(0, 0, 0, 0.2);
 }
 
 @mixin inputShadow {
@@ -101,15 +79,7 @@ $focus-box-shadow: 0 0 0 $style-stroke-width-m var(--theme-success-500);
 
   &:not(:disabled) {
     &:hover {
-      box-shadow:
-        0 2px 3px 0 rgba(0, 2, 4, 0.13),
-        0 6px 4px -4px rgba(0, 2, 4, 0.1);
-    }
-
-    &:active,
-    &:focus-within,
-    &:focus {
-      @include inputShadowActive;
+      box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2);
     }
   }
 }
@@ -147,19 +117,33 @@ $focus-box-shadow: 0 0 0 $style-stroke-width-m var(--theme-success-500);
   @include blur-bg(var(--theme-bg), 0.3);
 }
 
+@mixin readOnly {
+  background: var(--theme-elevation-100);
+  color: var(--theme-elevation-400);
+  box-shadow: none;
+
+  &:hover {
+    border-color: var(--theme-elevation-150);
+    box-shadow: none;
+  }
+}
+
 @mixin formInput() {
   @include inputShadow;
   font-family: var(--font-body);
   width: 100%;
   border: 1px solid var(--theme-elevation-150);
+  border-radius: var(--style-radius-s);
   background: var(--theme-input-bg);
   color: var(--theme-elevation-800);
-  border-radius: 0;
   font-size: 1rem;
   height: base(2);
   line-height: base(1);
-  padding: base(0.5) base(0.75);
+  padding: base(0.4) base(0.75);
   -webkit-appearance: none;
+  transition-property: border, box-shadow;
+  transition-duration: 100ms;
+  transition-timing-function: cubic-bezier(0, 0.2, 0.2, 1);
 
   &[data-rtl='true'] {
     direction: rtl;
@@ -189,12 +173,7 @@ $focus-box-shadow: 0 0 0 $style-stroke-width-m var(--theme-success-500);
   }
 
   &:disabled {
-    background: var(--theme-elevation-200);
-    color: var(--theme-elevation-450);
-
-    &:hover {
-      border-color: var(--theme-elevation-150);
-    }
+    @include readOnly;
   }
 }