v3.0.0-beta.112

Version v3.0.0-beta.112Major ReleasePre-release
Released:

October 9, 2024

Type:

Contains breaking changes

GitHub:View Release

Release Notes

v3.0.0-beta.112 (2024-10-09)

šŸš€ Features

  • join field works with hasMany relationships (#8493) (1bf580f)
  • plugin-seo: adds german translation (#8580) (bb3496d)
  • ui: scope all payload css to payload-default layer (#8545) (7c62e2a)

šŸ› Bug Fixes

  • verify view is inaccessible (#8557) (1b63ad4)
  • duplicate with upload collections (#8552) (400293b)
  • db-vercel-postgres: add pg dep (#8598) (ca77944)
  • payload: calculates correct aspect ratio dimensions on sharp based files (#8537) (c14c429)
  • payload: applies resize after cropping if resizeOptions are defined (#8528) (9a0568c)
  • richtext-lexical: linkFeature doesn't respect admin.routes from payload.config.ts (#8513) (6cb128a)
  • templates: await params/cookies properly (#8560) (463490f)
  • ui: add unstyled prop to react-select so that payload styles take priority (#8572) (2a1321c)

āš ļø BREAKING CHANGES

  • improve auth provider setting user and user cookie (#8600) (829996a) If you are using the setUser function exposed from the useAuth() provider, then you will need to make some adjustments. setUser now expects the response data from auth enabled endpoints, ie the /me route. This is so the cookie and expiration can be properly set in sync when a new user is set on the provider.
    ```ts
    // before
    setUser({
    id: 670524817048be0fa222fc01,
    email: [email protected],
    // ... other user properties
    })

    // new
    setUser({
    user: {
    id: 670524817048be0fa222fc01,
    email: [email protected],
    // ... other user properties
    },
    exp: 1728398351,
    token: "....eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVC...."
    })
    ```

  • ui: scope all payload css to payload-default layer (#8545) (7c62e2a)

    All payload css is now encapsulated inside CSS layers under `@layer
    payload-default`

    Any custom css will now have the highest possible specificity.
    We have also provided a new layer @layer payload if you want to use
    layers and ensure that your styles are applied after payload.

    To override existing styles in a way that the existing rules of
    specificity would be respected you can use the default layer like so
    ```css
    @layer payload-default {
    // my styles within the payload specificity
    }
    ```


šŸ¤ Contributors

  • Patrik (@PatrikKozak)
  • Jarrod Flesch (@JarrodMFlesch)
  • Jessica Chowdhury (@JessChowdhury)
  • Dan Ribbens (@DanRibbens)
  • Elliot DeNolf (@denolfe)
  • Paul (@paulpopus)
  • GermĆ”n JabloƱski (@GermanJablo)
  • Because789 (@Because789)
  • Sasha (@r1tsuu)
  • Jacob Fletcher (@jacobsfletch)