fix: design feedback

This commit is contained in:
Benno Tielen 2024-12-04 10:31:00 +01:00
parent 9ac5c43e65
commit 5d640eb93e
21 changed files with 242 additions and 162 deletions

View file

@ -18,16 +18,16 @@
"chromatic": "npx chromatic --project-token=chpt_70d6a2e05af185a"
},
"dependencies": {
"@payloadcms/db-mongodb": "^3.2.2",
"@payloadcms/next": "^3.2.2",
"@payloadcms/db-mongodb": "^3.3.0",
"@payloadcms/next": "^3.3.0",
"@payloadcms/plugin-cloud": "^3.0.2",
"@payloadcms/richtext-lexical": "^3.2.2",
"@payloadcms/richtext-lexical": "^3.3.0",
"classnames": "^2.5.1",
"cross-env": "^7.0.3",
"graphql": "^16.8.1",
"mapbox-gl": "^3.5.2",
"next": "15.0.0",
"payload": "^3.2.2",
"payload": "^3.3.0",
"qs-esm": "^7.0.2",
"react": "19.0.0-rc-65a56d0e-20241020",
"react-dom": "19.0.0-rc-65a56d0e-20241020",

View file

@ -40,7 +40,7 @@ export default async function BlogPage({ params }: { params: Promise<{id: string
<Section paddingBottom={"small"}>
<Container>
<Title title={data.title} color={"contrast"}></Title>
<strong><TextDiv text={data.excerpt} /></strong>
<TextDiv text={data.excerpt} />
<p className={styles.published}>
Publiziert am {readableDateTime(data.createdAt)}
</p>

View file

@ -51,9 +51,7 @@ export default async function GroupPage({ params }: { params: Promise<{slug: str
<Section paddingBottom={"medium"}>
<Container>
<Title title={name} />
<strong>
<TextDiv text={shortDescription} />
</strong>
</Container>
<HR />

View file

@ -19,7 +19,8 @@ export default async function Page({ params }: { params: Promise<{id: string}>})
shortDescription: true,
contact: true,
flyer: true,
photo: true
photo: true,
group: true
},
},
{ addQueryPrefix: true },
@ -31,6 +32,8 @@ export default async function Page({ params }: { params: Promise<{id: string}>})
}
const event = await res.json() as Event;
console.log(event)
const group = Array.isArray(event.group) && event.group.length > 0 && typeof event.group[0] == "object" ? event.group[0].slug : undefined;
return (
<EventPage
@ -42,6 +45,7 @@ export default async function Page({ params }: { params: Promise<{id: string}>})
location={event.location}
description={event.description}
shortDescription={event.shortDescription}
group={group}
contact={event.contact || undefined}
flyer={typeof event.flyer === 'object' ? event.flyer || undefined : undefined}
/>

View file

@ -70,6 +70,9 @@ export const Groups: CollectionConfig = {
]
}
],
defaultPopulate: {
slug: true
},
admin: {
useAsTitle: 'name',
},

View file

@ -15,6 +15,14 @@ export const Large: Story = {
}
}
export const ShadeColor: Story = {
args: {
children: 'Shade button',
schema: "shade",
size: "lg"
}
}
export const Contrast: Story = {
args: {
children: 'Contrast',

View file

@ -3,7 +3,7 @@ import classNames from 'classnames'
type ButtonProps = {
size: 'lg' | 'md'
schema?: 'base' | 'contrast'
schema?: 'base' | 'shade' | 'contrast'
type?: "button" | "submit" | "reset",
href?: string,
children: React.ReactNode,
@ -20,17 +20,20 @@ export function Button(
href
}: ButtonProps
) {
const style = classNames({
[styles.button]: true,
[styles.base]: schema == 'base',
[styles.contrast]: schema == 'contrast',
[styles.shade]: schema == 'shade',
[styles.lg]: size === 'lg',
[styles.md]: size === 'md',
});
if(href) {
return <a
href={href}
onClick={onClick}
className={classNames({
[styles.button]: true,
[styles.base]: schema == 'base',
[styles.contrast]: schema == 'contrast',
[styles.lg]: size === 'lg',
[styles.md]: size === 'md',
})}
className={style}
>
{children}
</a>
@ -40,13 +43,7 @@ export function Button(
<button
type={type}
onClick={onClick}
className={classNames({
[styles.button]: true,
[styles.base]: schema == 'base',
[styles.contrast]: schema == 'contrast',
[styles.lg]: size === 'lg',
[styles.md]: size === 'md',
})}
className={style}
>
{children}
</button>

View file

@ -7,7 +7,7 @@
text-align: center;
border: 0;
font-weight: bold;
transition: background 0.2s;
transition: all 0.2s;
cursor: pointer;
text-decoration: none;
margin: 5px 0;
@ -22,6 +22,16 @@
background-color: $base-color;
}
.shade {
background-color: $shade2;
color: $base-color;
}
.shade:hover {
background-color: $shade3;
color: $shade1;
}
.contrast {
background-color: $contrast-color
}

View file

@ -9,7 +9,7 @@ type ContactPersonProps = {
export const ContactPerson = ({ title, description }: ContactPersonProps) => {
return (
<div>
<Title title={title} size={"sm"} color={"contrast"} fontStyle={"sans-serif"} />
<Title title={title} size={"sm"} color={"base"} fontStyle={"sans-serif"} />
<div className={styles.description}>
{description}
</div>

View file

@ -1,4 +1,6 @@
import { useMemo } from 'react'
"use client"
import { useEffect, useMemo, useState } from 'react'
import styles from "./styles.module.scss"
import classNames from 'classnames'
import Link from 'next/link'
@ -43,6 +45,12 @@ export const EventRow = ({date, title, location, cancelled, href, color = "base"
const day = useMemo(() => date.substring(8, 10), [date]);
const dateObj = useMemo(() => new Date(date), [date]);
const month = useMemo(() => shortMonth(date), [date]);
const [dayFormat, setDayFormat] = useState<"long" | "short">("long")
useEffect(() => {
if(window.innerWidth <= 576) {
setDayFormat("short")
}
}, [setDayFormat])
return (
<Link href={href || "https://"} className={styles.link}>
@ -67,7 +75,8 @@ export const EventRow = ({date, title, location, cancelled, href, color = "base"
[styles.cancelled]: cancelled
})}>
{title} <br />
{dateObj.toLocaleDateString("de-DE", { weekday: "long" })} {dateObj.toLocaleDateString("de-DE", { dateStyle: "medium" })}, {dateObj.toLocaleTimeString("de-DE", { timeStyle: "short" })} Uhr
{dateObj.toLocaleDateString("de-DE", { weekday: "long" })}
{dayFormat === "long" && " " + dateObj.toLocaleDateString("de-DE", { dateStyle: "medium" })}, {dateObj.toLocaleTimeString("de-DE", { timeStyle: "short" })} Uhr
<br />
{location}
</div>

View file

@ -5,7 +5,7 @@
font-size: 25px;
font-weight: bold;
text-align: center;
margin-left: 30px;
width: 93px;
transition: color 0.2s ease-in;
}
@ -25,7 +25,7 @@
width: 0.7px;
background: $shade1;
height: 96px;
margin: 0 30px;
margin-right: 25px;
}
.lineWhite {
@ -68,11 +68,12 @@
@media screen and (max-width: 576px) {
.day {
margin-left: 15px;
font-size: 22px;
width: 70px;
}
.line {
margin: 0 15px;
margin-right: 20px;
height: 70px;
}
}

View file

@ -36,6 +36,9 @@
.table {
width: 200px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.church {

View file

@ -30,7 +30,6 @@
.menuLink {
color: inherit;
text-decoration: none;
font-weight: 600;
transition: opacity 100ms ease-in;
cursor: pointer;
}
@ -54,7 +53,6 @@
background-color: #eeeeee;
transition: background-color 0.1s ease-in-out;
font-family: inherit;
font-weight: 600;
}
.button:hover {

View file

@ -24,5 +24,11 @@
}
.buttons {
padding-left: 130px;
padding-left: 115px;
}
@media screen and (max-width: 576px) {
.buttons {
padding-left: 70px;
}
}

View file

@ -19,9 +19,7 @@ export const PageHeader = ({ title, description, image, alt }: PageHeaderProps)
<Section paddingBottom={"small"}>
<Container>
<Title title={title} />
<strong>
<TextDiv text={description} />
</strong>
</Container>
<HR />

View file

@ -1,6 +1,5 @@
import { Meta, StoryObj } from '@storybook/react'
import { EventPage as Event } from './Event'
import forest from "../../assets/forest.jpeg"
const meta: Meta<typeof Event> = {
component: Event,
@ -16,20 +15,49 @@ export const Default: Story = {
createdAt: "2024-12-02T09:21:19Z",
cancelled: false,
isRecurring: true,
location: "St. Richard",
location: {
id: "l1",
name: "St. Richard",
address: "Schudomastr 12\n12345 Berlin",
createdAt: "",
updatedAt: "",
},
description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.' +
'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.',
shortDescription: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. ',
contact: 'Pfarrei Ulrich Kotzur\n' +
'pfarrer@sankt-clara.de\n' +
'+4930 6851042',
flyer: {
id: "1",
name: "some flyer",
createdAt: "2024-12-02T09:21:19Z",
updatedAt: "2024-12-02T09:21:19Z",
url: "https://disney.com",
contact: {
id: 'c1',
createdAt: "",
updatedAt: "",
name: 'Pfr. A. Mustermann',
email: "mail@pfarrei.com"
},
photo: forest
},
}
export const WithFlyer: Story = {
args: {
...Default.args,
flyer: {
id: 'f1',
updatedAt: "",
createdAt: "",
name: 'flyer',
url: "http://"
}
}
}
export const WithGroup: Story = {
args: {
...Default.args,
group: 'some_group'
}
}
export const WithFlyerAndGroup: Story = {
args: {
...WithFlyer.args,
group: "some_group"
}
}

View file

@ -26,6 +26,7 @@ type EventProps = {
description: string,
shortDescription: string,
contact?: string | ContactPerson,
group?: string,
flyer?: Document,
photo?: StaticImageData
}
@ -42,6 +43,7 @@ export function EventPage(
shortDescription,
contact,
flyer,
group,
photo
}: EventProps
) {
@ -109,9 +111,21 @@ export function EventPage(
<div className={styles.description}>
<TextDiv text={description} />
{ typeof flyer === "object" && flyer?.url &&
{ (typeof flyer === "object" || group) &&
<Section padding={"small"}>
<Button size={"md"} href={flyer.url}>Flyer herunterladen</Button>
<div className={styles.buttons}>
{ typeof flyer === "object" && flyer.url &&
<Button size={"md"} href={flyer.url}>Flyer herunterladen</Button>
}
{ group &&
<Button
size={"md"}
schema={"shade"}
href={`/gruppe/${group}`}
>Erfahre mehr zur Gruppe</Button>
}
</div>
</Section>
}
</div>

View file

@ -12,6 +12,12 @@
gap: 10px;
}
.buttons {
display: flex;
gap: 10px;
justify-content: center;
}
@media screen and (max-width: 576px) {
.description {
padding: 0;

View file

@ -86,6 +86,15 @@ export const Home = ({
<HR />
<Container>
{blog && blog.length > 0 &&
<Section>
<Title title={'Aktuelles'} color={schema} />
<ImageCardSlider slides={blogToSlides(blog)} />
</Section>
}
<Section paddingBottom={'medium'}>
<Title
title={'Nächste Gottesdiensten'}
@ -101,14 +110,6 @@ export const Home = ({
</Section>
</Section>
{blog && blog.length > 0 &&
<Section>
<Title title={'Aktuelles'} color={schema} />
<ImageCardSlider slides={blogToSlides(blog)} />
</Section>
}
</Container>
{<ImageWithText

View file

@ -60,16 +60,16 @@ export const Parish = (
<Container>
<Row>
<Col>
<Title title={"Veranstaltungen"} size={"md"}/>
<Events events={transformEvents(events)} n={4}/>
<Title title={"Veranstaltungen"} size={"md"} color={"contrast"}/>
<Events events={transformEvents(events)} n={4} schema={"contrast"}/>
<MarginBottom />
<Title title={"Gottesdienste"} size={"md"} />
<Title title={"Gottesdienste"} size={"md"} color={"base"} />
<Events events={tranformWorship(worship)} n={4}/>
</Col>
<Col>
<Title title={"Ansprechpersonen"} size={"md"} />
<Title title={"Ansprechpersonen"} size={"md"} color={"contrast"} />
<ContactPersonList persons={contactPersons} />
@ -83,7 +83,7 @@ export const Parish = (
</Container>
</Section>
<Section backgroundColor={"soft"}>
<Section backgroundColor={"off-white"}>
<Container>
<Title title={"Unsere Geschichte"} />
<TwoColumnText text={history} />
@ -91,7 +91,7 @@ export const Parish = (
</Section>
{ gallery && gallery.length > 0 &&
<Section>
<Section paddingBottom={"small"}>
<Gallery items={gallery} />
</Section>
}

192
yarn.lock
View file

@ -3003,29 +3003,29 @@ __metadata:
languageName: node
linkType: hard
"@floating-ui/react-dom@npm:^2.1.1":
version: 2.1.1
resolution: "@floating-ui/react-dom@npm:2.1.1"
"@floating-ui/react-dom@npm:^2.1.2":
version: 2.1.2
resolution: "@floating-ui/react-dom@npm:2.1.2"
dependencies:
"@floating-ui/dom": "npm:^1.0.0"
peerDependencies:
react: ">=16.8.0"
react-dom: ">=16.8.0"
checksum: 10c0/732ab64600c511ceb0563b87bc557aa61789fec4f416a3f092bab89e508fa1d3ee5ade0f42051cc56eb5e4db867b87ab7fd48ce82db9fd4c01d94ffa08f60115
checksum: 10c0/e855131c74e68cab505f7f44f92cd4e2efab1c125796db3116c54c0859323adae4bf697bf292ee83ac77b9335a41ad67852193d7aeace90aa2e1c4a640cafa60
languageName: node
linkType: hard
"@floating-ui/react@npm:^0.26.2":
version: 0.26.23
resolution: "@floating-ui/react@npm:0.26.23"
"@floating-ui/react@npm:^0.26.23":
version: 0.26.28
resolution: "@floating-ui/react@npm:0.26.28"
dependencies:
"@floating-ui/react-dom": "npm:^2.1.1"
"@floating-ui/utils": "npm:^0.2.7"
"@floating-ui/react-dom": "npm:^2.1.2"
"@floating-ui/utils": "npm:^0.2.8"
tabbable: "npm:^6.0.0"
peerDependencies:
react: ">=16.8.0"
react-dom: ">=16.8.0"
checksum: 10c0/d339c3d760e83c8384a16c8a38fb47f7f855a3db4d19117fd54cccbf871a27b089887202074e9871ffc19ad769bed709ecdd69445a39d2ea9406c84814427f3b
checksum: 10c0/a42df129e1e976fe8ba3f4c8efdda265a0196c1b66b83f2b9b27423d08dcc765406f893aeff9d830e70e3f14a9d4c490867eb4c32983317cbaa33863b0fae6f6
languageName: node
linkType: hard
@ -3036,6 +3036,13 @@ __metadata:
languageName: node
linkType: hard
"@floating-ui/utils@npm:^0.2.8":
version: 0.2.8
resolution: "@floating-ui/utils@npm:0.2.8"
checksum: 10c0/a8cee5f17406c900e1c3ef63e3ca89b35e7a2ed645418459a73627b93b7377477fc888081011c6cd177cac45ec2b92a6cab018c14ea140519465498dddd2d3f9
languageName: node
linkType: hard
"@humanwhocodes/config-array@npm:^0.11.14":
version: 0.11.14
resolution: "@humanwhocodes/config-array@npm:0.11.14"
@ -3827,9 +3834,9 @@ __metadata:
languageName: node
linkType: hard
"@payloadcms/db-mongodb@npm:^3.2.2":
version: 3.2.2
resolution: "@payloadcms/db-mongodb@npm:3.2.2"
"@payloadcms/db-mongodb@npm:^3.3.0":
version: 3.3.0
resolution: "@payloadcms/db-mongodb@npm:3.3.0"
dependencies:
http-status: "npm:1.6.2"
mongoose: "npm:8.8.1"
@ -3838,14 +3845,14 @@ __metadata:
prompts: "npm:2.4.2"
uuid: "npm:10.0.0"
peerDependencies:
payload: 3.2.2
checksum: 10c0/bd833cc91167197a8074808d066b3ea1863c2205f5b076c386fdd84cbc179fbecadb049d5daf975a2d78ea9b78427ba2463d3f86b21573573279428190da0b3a
payload: 3.3.0
checksum: 10c0/784386c4b9be2870a6a40aae2a29bb88815c6871e248759a53ff90cc24c99ad46380b963c7ef57f5a3c1941025ce846de5bd036d74bc1920da9ca1979b4e5cef
languageName: node
linkType: hard
"@payloadcms/graphql@npm:3.2.2":
version: 3.2.2
resolution: "@payloadcms/graphql@npm:3.2.2"
"@payloadcms/graphql@npm:3.3.0":
version: 3.3.0
resolution: "@payloadcms/graphql@npm:3.3.0"
dependencies:
graphql-scalars: "npm:1.22.2"
pluralize: "npm:8.0.0"
@ -3853,21 +3860,21 @@ __metadata:
tsx: "npm:4.19.2"
peerDependencies:
graphql: ^16.8.1
payload: 3.2.2
payload: 3.3.0
bin:
payload-graphql: bin.js
checksum: 10c0/bbdf000c5668e21aa08fddbbf02e31203738e6338f88df3cde0836a9ca2df6bc84bd83140eb12122bccbc19539ab6cf687297f4b1e6ca37ced5ca04495a3ede2
checksum: 10c0/704c5ef61aa35613ba1e3517c83135c38f0a7c2a8925fb9aac134914467368fdf11eb88f7270a2369aa1dfdabf7285a5bf7d8c21911a6f4e1ed38e11ad2a63f0
languageName: node
linkType: hard
"@payloadcms/next@npm:^3.2.2":
version: 3.2.2
resolution: "@payloadcms/next@npm:3.2.2"
"@payloadcms/next@npm:^3.3.0":
version: 3.3.0
resolution: "@payloadcms/next@npm:3.3.0"
dependencies:
"@dnd-kit/core": "npm:6.0.8"
"@payloadcms/graphql": "npm:3.2.2"
"@payloadcms/translations": "npm:3.2.2"
"@payloadcms/ui": "npm:3.2.2"
"@payloadcms/graphql": "npm:3.3.0"
"@payloadcms/translations": "npm:3.3.0"
"@payloadcms/ui": "npm:3.3.0"
busboy: "npm:^1.6.0"
file-type: "npm:19.3.0"
graphql-http: "npm:^1.22.0"
@ -3877,13 +3884,13 @@ __metadata:
qs-esm: "npm:7.0.2"
react-diff-viewer-continued: "npm:3.2.6"
sass: "npm:1.77.4"
sonner: "npm:^1.5.0"
sonner: "npm:^1.7.0"
uuid: "npm:10.0.0"
peerDependencies:
graphql: ^16.8.1
next: ^15.0.0
payload: 3.2.2
checksum: 10c0/6b3e673f12df0c26633104780ecfe4fb49cc21ec1d1fdd0566eec6ec9763e1b6de77da6edecbed00205f2ed06f3aba16a3f6d07509920f31744bda1faf496ca1
payload: 3.3.0
checksum: 10c0/fa739defaf35f84224e6cb0f2401a282b42c2a6fba9b150033953052f0677dad899ace6bbd5eccbe7fc9f411604e0dcc610cbc74b7864288fbac614e39140e95
languageName: node
linkType: hard
@ -3903,9 +3910,9 @@ __metadata:
languageName: node
linkType: hard
"@payloadcms/richtext-lexical@npm:^3.2.2":
version: 3.2.2
resolution: "@payloadcms/richtext-lexical@npm:3.2.2"
"@payloadcms/richtext-lexical@npm:^3.3.0":
version: 3.3.0
resolution: "@payloadcms/richtext-lexical@npm:3.3.0"
dependencies:
"@lexical/headless": "npm:0.20.0"
"@lexical/link": "npm:0.20.0"
@ -3915,8 +3922,8 @@ __metadata:
"@lexical/rich-text": "npm:0.20.0"
"@lexical/selection": "npm:0.20.0"
"@lexical/utils": "npm:0.20.0"
"@payloadcms/translations": "npm:3.2.2"
"@payloadcms/ui": "npm:3.2.2"
"@payloadcms/translations": "npm:3.3.0"
"@payloadcms/ui": "npm:3.3.0"
"@types/uuid": "npm:10.0.0"
acorn: "npm:8.12.1"
bson-objectid: "npm:2.0.4"
@ -3941,27 +3948,27 @@ __metadata:
"@lexical/selection": 0.20.0
"@lexical/table": 0.20.0
"@lexical/utils": 0.20.0
"@payloadcms/next": 3.2.2
"@payloadcms/next": 3.3.0
lexical: 0.20.0
payload: 3.2.2
payload: 3.3.0
react: ^19.0.0 || ^19.0.0-rc-65a56d0e-20241020
react-dom: ^19.0.0 || ^19.0.0-rc-65a56d0e-20241020
checksum: 10c0/a1db79898a19c8f175845af46fd03787cc39cf0771d8fbb05c435b79e510731fd1e98d3f1451892290853b4b92dfc67189712809eda718ae4634ea708bc5804d
checksum: 10c0/764c43952b69645fb89cb518ff4093c1c562d5fbd125a549b3160b854c5f49bcb86353764faac726609f7bbb4658e692e3d8ea8a65cbd7c04015263ca8d94cbe
languageName: node
linkType: hard
"@payloadcms/translations@npm:3.2.2":
version: 3.2.2
resolution: "@payloadcms/translations@npm:3.2.2"
"@payloadcms/translations@npm:3.3.0":
version: 3.3.0
resolution: "@payloadcms/translations@npm:3.3.0"
dependencies:
date-fns: "npm:4.1.0"
checksum: 10c0/31ceae81475c50ddb66d1aaf002b6dd43e5e3ca0128215b496684c1c431ac5b4381722b51a92e6727a2ae037dd9d76f53487911c84ff68d7a86b9fb8f00a9ef2
checksum: 10c0/8ec85f0415663bb838f30b875291e3cb430e058cb76bf32e6e66b9c676159046ec218909cca805ce50bce79baacb0e5f35544e6c66e9d4df523e36946ac6be06
languageName: node
linkType: hard
"@payloadcms/ui@npm:3.2.2":
version: 3.2.2
resolution: "@payloadcms/ui@npm:3.2.2"
"@payloadcms/ui@npm:3.3.0":
version: 3.3.0
resolution: "@payloadcms/ui@npm:3.3.0"
dependencies:
"@dnd-kit/core": "npm:6.0.8"
"@dnd-kit/sortable": "npm:7.0.2"
@ -3969,7 +3976,7 @@ __metadata:
"@faceless-ui/scroll-info": "npm:2.0.0-beta.0"
"@faceless-ui/window-info": "npm:3.0.0-beta.0"
"@monaco-editor/react": "npm:4.6.0"
"@payloadcms/translations": "npm:3.2.2"
"@payloadcms/translations": "npm:3.3.0"
body-scroll-lock: "npm:4.0.0-beta.0"
bson-objectid: "npm:2.0.4"
date-fns: "npm:4.1.0"
@ -3977,20 +3984,20 @@ __metadata:
md5: "npm:2.3.0"
object-to-formdata: "npm:4.5.1"
qs-esm: "npm:7.0.2"
react-datepicker: "npm:6.9.0"
react-datepicker: "npm:7.5.0"
react-image-crop: "npm:10.1.8"
react-select: "npm:5.8.0"
scheduler: "npm:0.0.0-experimental-3edc000d-20240926"
sonner: "npm:^1.5.0"
react-select: "npm:5.8.3"
scheduler: "npm:0.25.0-rc-66855b96-20241106"
sonner: "npm:^1.7.0"
ts-essentials: "npm:10.0.3"
use-context-selector: "npm:2.0.0"
uuid: "npm:10.0.0"
peerDependencies:
next: ^15.0.0
payload: 3.2.2
payload: 3.3.0
react: ^19.0.0 || ^19.0.0-rc-65a56d0e-20241020
react-dom: ^19.0.0 || ^19.0.0-rc-65a56d0e-20241020
checksum: 10c0/afeb3d2776a5c5147097b5e9ef8eb30ff2f6e876b36be169ef7b50f4decc0b5bf548c0433fa9892deb321677da83a1cf5f4c407cb51fe1956eaf2ba79c63c29b
checksum: 10c0/bfefe84c809e39f636dbe545bae508611097f0d409de7f60fc8d349239b71c0c5c27652dab9f7cfbdcbfa2b0da31f8ccb93668abe632887048abdb88f4cb5942
languageName: node
linkType: hard
@ -7710,7 +7717,7 @@ __metadata:
languageName: node
linkType: hard
"clsx@npm:^2.1.0":
"clsx@npm:^2.1.1":
version: 2.1.1
resolution: "clsx@npm:2.1.1"
checksum: 10c0/c4c8eb865f8c82baab07e71bfa8897c73454881c4f99d6bc81585aecd7c441746c1399d08363dc096c550cceaf97bd4ce1e8854e1771e9998d9f94c4fe075839
@ -8200,7 +8207,7 @@ __metadata:
languageName: node
linkType: hard
"date-fns@npm:^3.3.1":
"date-fns@npm:^3.6.0":
version: 3.6.0
resolution: "date-fns@npm:3.6.0"
checksum: 10c0/0b5fb981590ef2f8e5a3ba6cd6d77faece0ea7f7158948f2eaae7bbb7c80a8f63ae30b01236c2923cf89bb3719c33aeb150c715ea4fe4e86e37dcf06bed42fb6
@ -8581,10 +8588,10 @@ __metadata:
resolution: "drei-koenige-v3@workspace:."
dependencies:
"@chromatic-com/storybook": "npm:^1.6.1"
"@payloadcms/db-mongodb": "npm:^3.2.2"
"@payloadcms/next": "npm:^3.2.2"
"@payloadcms/db-mongodb": "npm:^3.3.0"
"@payloadcms/next": "npm:^3.3.0"
"@payloadcms/plugin-cloud": "npm:^3.0.2"
"@payloadcms/richtext-lexical": "npm:^3.2.2"
"@payloadcms/richtext-lexical": "npm:^3.3.0"
"@storybook/addon-essentials": "npm:^8.2.9"
"@storybook/addon-interactions": "npm:^8.2.9"
"@storybook/addon-links": "npm:^8.2.9"
@ -8608,7 +8615,7 @@ __metadata:
graphql: "npm:^16.8.1"
mapbox-gl: "npm:^3.5.2"
next: "npm:15.0.0"
payload: "npm:^3.2.2"
payload: "npm:^3.3.0"
qs-esm: "npm:^7.0.2"
react: "npm:19.0.0-rc-65a56d0e-20241020"
react-dom: "npm:19.0.0-rc-65a56d0e-20241020"
@ -13633,13 +13640,13 @@ __metadata:
languageName: node
linkType: hard
"payload@npm:^3.2.2":
version: 3.2.2
resolution: "payload@npm:3.2.2"
"payload@npm:^3.3.0":
version: 3.3.0
resolution: "payload@npm:3.3.0"
dependencies:
"@monaco-editor/react": "npm:4.6.0"
"@next/env": "npm:^15.0.0"
"@payloadcms/translations": "npm:3.2.2"
"@payloadcms/translations": "npm:3.3.0"
"@types/busboy": "npm:1.5.4"
ajv: "npm:8.17.1"
bson-objectid: "npm:2.0.4"
@ -13668,7 +13675,7 @@ __metadata:
graphql: ^16.8.1
bin:
payload: bin.js
checksum: 10c0/5800f0db7b1e7df40496c311f72f2162a31f949019828079897c8e7b11d724ff0b0f92b2e5f45e022a0a3d261988ab3335b44df65ab0f6f598f989365aea7f0e
checksum: 10c0/0518ae07c969c5f2e901f9502d7e90192038e1b5a7aafb8a942e1cfde5fd7ff2538b7901172a2012fd0ab6a74822c34bc8373217d539ee2e3ac341f7952c3c15
languageName: node
linkType: hard
@ -14352,19 +14359,18 @@ __metadata:
languageName: node
linkType: hard
"react-datepicker@npm:6.9.0":
version: 6.9.0
resolution: "react-datepicker@npm:6.9.0"
"react-datepicker@npm:7.5.0":
version: 7.5.0
resolution: "react-datepicker@npm:7.5.0"
dependencies:
"@floating-ui/react": "npm:^0.26.2"
clsx: "npm:^2.1.0"
date-fns: "npm:^3.3.1"
prop-types: "npm:^15.7.2"
react-onclickoutside: "npm:^6.13.0"
"@floating-ui/react": "npm:^0.26.23"
clsx: "npm:^2.1.1"
date-fns: "npm:^3.6.0"
prop-types: "npm:^15.8.1"
peerDependencies:
react: ^16.9.0 || ^17 || ^18
react-dom: ^16.9.0 || ^17 || ^18
checksum: 10c0/aed97871a60071bf00dd1447a7c4a3841a05db6f57bd24b3e499c9ef8c20bc5c46a826b6b0667ae804c4ddd2bb88319bd8115a08bb670c2a57505b0a7a18bec6
checksum: 10c0/6e94a609654b8a0eaa9b2e8c4fab803aa954e78df9729f05337ae97c4e910b1488129ee8d4b11dea575dbe0992242c078cb692ed0cba4e5d98414d8ba393972d
languageName: node
linkType: hard
@ -14507,16 +14513,6 @@ __metadata:
languageName: node
linkType: hard
"react-onclickoutside@npm:^6.13.0":
version: 6.13.1
resolution: "react-onclickoutside@npm:6.13.1"
peerDependencies:
react: ^15.5.x || ^16.x || ^17.x || ^18.x
react-dom: ^15.5.x || ^16.x || ^17.x || ^18.x
checksum: 10c0/93b02c493332ca7f8b480a1e185386c4af55d1daf33af2f68ddf440e4fc9b22ad13f59d7e204694aa31c1c2e332f0766c7ee302fe3b0cecbd0e0b45d55905c96
languageName: node
linkType: hard
"react-refresh@npm:^0.14.0":
version: 0.14.2
resolution: "react-refresh@npm:0.14.2"
@ -14524,9 +14520,9 @@ __metadata:
languageName: node
linkType: hard
"react-select@npm:5.8.0":
version: 5.8.0
resolution: "react-select@npm:5.8.0"
"react-select@npm:5.8.3":
version: 5.8.3
resolution: "react-select@npm:5.8.3"
dependencies:
"@babel/runtime": "npm:^7.12.0"
"@emotion/cache": "npm:^11.4.0"
@ -14540,7 +14536,7 @@ __metadata:
peerDependencies:
react: ^16.8.0 || ^17.0.0 || ^18.0.0
react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
checksum: 10c0/b4b98aaf117ee5cc4642871b7bd51fd0e2697988d0b880f30b21e933ca90258959147117d8aada36713b622e0e4cb06bd18ec02069f3f108896e0d31e69e3c16
checksum: 10c0/25aaf0ad964a31dcf991be8b9eb478f94b2ff5dfd2e74a894f692c6dec9247f6ded6258fbf875984d2ada5aeb0ee742b85c6a94f58fae89112e913526cfd0577
languageName: node
linkType: hard
@ -15088,13 +15084,6 @@ __metadata:
languageName: node
linkType: hard
"scheduler@npm:0.0.0-experimental-3edc000d-20240926":
version: 0.0.0-experimental-3edc000d-20240926
resolution: "scheduler@npm:0.0.0-experimental-3edc000d-20240926"
checksum: 10c0/f5812005e9b1a20efbe96eca7baf145c64cf54a35ecf4e98d97329ce6d9f3b38053701823ec920516b6ccf66c2e4425221357962913d3e14fa9dd6d2c553f2a6
languageName: node
linkType: hard
"scheduler@npm:0.25.0-rc-65a56d0e-20241020":
version: 0.25.0-rc-65a56d0e-20241020
resolution: "scheduler@npm:0.25.0-rc-65a56d0e-20241020"
@ -15102,6 +15091,13 @@ __metadata:
languageName: node
linkType: hard
"scheduler@npm:0.25.0-rc-66855b96-20241106":
version: 0.25.0-rc-66855b96-20241106
resolution: "scheduler@npm:0.25.0-rc-66855b96-20241106"
checksum: 10c0/65f1187d4b472ad674b91d98661c54dfc312e0ba850713b57411a05db722b5a9cdc7a46683c776116668c251c90cd4d3973b9f021d3821762fa224f94275c85a
languageName: node
linkType: hard
"scheduler@npm:^0.23.2":
version: 0.23.2
resolution: "scheduler@npm:0.23.2"
@ -15544,13 +15540,13 @@ __metadata:
languageName: node
linkType: hard
"sonner@npm:^1.5.0":
version: 1.5.0
resolution: "sonner@npm:1.5.0"
"sonner@npm:^1.7.0":
version: 1.7.0
resolution: "sonner@npm:1.7.0"
peerDependencies:
react: ^18.0.0
react-dom: ^18.0.0
checksum: 10c0/9561b5861bede7f874cc442e447a68c8bfa6e4eadad603bc04e38db35a8b8108741f595a12c9856742062bae230ffedf73122015940491f482c5aa9e68ee85e0
react: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
react-dom: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
checksum: 10c0/02b16249b0c6e3a62c50dbcb643bb089aecd82c4f0ae988d00903e427d5485933d6cb59047fe5da338b548b6a3311643e511f63ed60a938458295015f7a3fdfd
languageName: node
linkType: hard