Skip to content

Commit

Permalink
Add "use client" to all potentially interactive components to enable …
Browse files Browse the repository at this point in the history
…support for Server Components (#222)

* Testing combobox with Radix UI

* combobox testing

* Set portal width based on trigger

* Radix UI combobox testing

* Test ariakit for combobox

* Working Comboxbox using Ariakit

* Update combobox based on feedback

remove "old" radix-ui combobox testing

* Tabindex on selectboxes in list

* autofocus

* FIx focus shift

Fixed issue where focus shifted to input field after selecting item with keyboard. Possibly also fixed weird focus border on zoomed out screens?

* use outline in place of border

fix disabled text colors

* Add font size to combobox input to follow design system

* Add animation to combobox open/close

* Update nvmrc to v20

* Added deprecation warning in console

* Add max height and scroll behaviour

* Add deprecation warning to mullti autocomplete

* Adjustments after testing

z-index, defaultOptions, dropdownHeight, prefixIcon, some colors and replace matchSorter with regular array.filter (to see if it improves performance)

* Add "use client" to all potentially interactive components to enable support for Server Components

* Add note on server components i README

* Flag for hidePrefixIcon

Adjust input padding to accommodate for no icon

* Add "use client" to MdCombobox

* Update README.md

* Remove combobox stuff

* Remove combobox stuff

* Remove combobox stuff

* Update package-lock

---------

Co-authored-by: Ola Helland-Pedersen <[email protected]>
  • Loading branch information
aurorascharff and ohp-inmeta authored Feb 19, 2025
1 parent b84732c commit 2a2d7e5
Show file tree
Hide file tree
Showing 32 changed files with 70 additions and 379 deletions.
4 changes: 4 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -102,6 +102,10 @@ Disse kan legges i `package.json` til eget prosjekt slik:
Alle pull requests krever nå at de legges på en label (`major`, `minor` eller `patch`). Disse vil brukes for å automatisk bumpe pakke versjonene før de publiseres til npm.
Labels er fortsatt påkrevd selv om pakkene ikke berøres (f.eks. bare storybook endringer), men dette vil heller ikke kjøre workflowene som bumper pakker og dytter til npm.

### Støtte for rammeverk som bruker React Server Components

For å støtte rammeverk som bruker Server Components, som f.eks. Next.js, legges en `use client` på toppen av alle komponentfiler som kan inneholde interaktiv JavaScript som kun kan kjøre på klienten. Typisk er dette event handlers som `onClick`, React Hooks som `useState` og `useEffect`, samt browser-APIer som `window`. Les mer på [React sin dokumentasjon](https://react.dev/reference/rsc/use-client).

### Releases

Når prosjektet har fått relevante endringer, eks. en major med breaking changes, eller nye komponenter, eller viktige endringer i eksisterende komponenter, kan det gjøres en release.
Expand Down
Loading

0 comments on commit 2a2d7e5

Please sign in to comment.