[Datepicker/Modal] Datepicker bruker nå Modal på mobil og for nested Modal

[KenAJoh]

Change summary

• Datepicker/Monthpicker bytter nå til Modal på max-width 780px
• Bruk av Datepicker/Monthpicker i Modal åpnes nå i egen Modal automatisk, ikke Popover
• Trukket kode for Popover/Modal-switch ut i egen DateWrapper-komponent (for internt bruk)
• Fjernet openOnFocus-prop da man bare kan åpne Popover/Modal ved klikk på knapp
• Bruker nå native onClose fra Popover/Modal for lukking ved outside-click eller ESC. Fjernet da useEscape og useOutsideClick
• Flyttet forwarded-ref til datepicker-wrapper fra Popover
• La til useMedia-hook som lytter på mediaqueries (for å bytte mellom Popover og Modal on-the-fly)
• Fjernet Eksempler for Datepicker i Modal da vi ikke vil oppmuntre til det

Fjernet også bubbleEscape-prop fra Popover og Datepicker da denne ikke trengs lengre. Ser ut som ingen bruker den https://github.com/search?type=code&q=org%3Anavikt+bubbleEscape, så trenger ikke major

Testing

JSDOM (jest) støtter ikke matchMedia. Det finnes polyfills for dette, men ser caniuse-støtten er høyere en de fleste andre features:

Tenker da det er unødvendig med polyfill, å returnerer heller en default-value i useMedia.tsx og kjører ikke matchMedia.

export const noMatchMedia =
  typeof window !== "undefined" &&
  (window.matchMedia === undefined || navigator.userAgent.includes("jsdom"));

Testene fungerer da i jest + brukere trenger ikke lage egen mock for matchMedia og fallbacker til popover som var brukt tidligere. Trenger da heller ikke være redd for at noen av testene til brukere feiler på minor-update

[changeset-bot]

🦋 Changeset detected

Latest commit: 20d8032

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 7 packages

Name	Type
@navikt/ds-react	Minor
@navikt/ds-css	Minor
@navikt/aksel-stylelint	Minor
@navikt/aksel	Minor
@navikt/ds-tokens	Minor
@navikt/ds-tailwind	Minor
@navikt/aksel-icons	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

Storybook demo

Endringer til review: 16

480091c5b | 59 komponenter | 389 stories