[V6] Chat-props deprecation #2631

KenAJoh · 2024-01-16T11:13:01Z

Description

Fjernet deprecated props backgroundColor og avatarBgColor.

Changes

Fjernet props
Fjernet story med props
Laget codemod for v6 som fjerner props fra komponent hvis de er brukt

changeset-bot · 2024-01-16T11:13:04Z

🦋 Changeset detected

Latest commit: 7196e08

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	Major
@navikt/aksel	Major
@navikt/ds-css	Major
@navikt/ds-tokens	Major
@navikt/ds-tailwind	Major
@navikt/aksel-icons	Major
@navikt/aksel-stylelint	Major

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 · 2024-01-16T11:17:49Z

Storybook demo

c09df6e3a | 61 komponenter | 400 stories

@navikt/aksel/src/codemod/migrations.ts

* [V6] Deprecated Grid og ContentContainer (#2622) * 🔥 Fjernet grid css * 🔥 Fjernet grid tsx * 🔥 Fjernet content-container fra systemet * 🐛 la til deprecatePrefix-tag for stylelint * 📝 Changeset * Textarea: Fjern wrapper (#2635) * [V6] Chat-props deprecation (#2631) * 🎨 Satt opp codemod boilerplate for chat deprecation * 🐛 v5 -> v6 i codemod * 🧪 Tester for alias-import av chat * 🧪 idempotent codemod-test * 🔥 Fjernet deprecated props fra Chat * 📝 Changeset * 📝 Bedre advarsel i chat-codemod * 📝 v6-migration update * 🧪 Tester vanlig import av Chat * 📝 Oppdatert tekster i codemod * 🔥 Fjernet return fra removeProps * Update @navikt/aksel/src/codemod/migrations.ts * [V6] 1440px breakpoint (#2632) * ✨ La til nytt brekkpunkt 1440px * 🎉 Bleed støtter 2xl breakpoint * 🎉 Bleed box 2xl breakpoint * 🎉 hgrid 2xl breakpoint * 🎉 resterende primitives støtter 1440px * 📝 tailwind migreringsdocs * 🔥 Fjernet navno-mal fra chromatic snapshot * 📝 Changeset * 🐛 2xl hgrid css brakk * 📝 Oppdatert changset med tailwind-ref * Update @navikt/core/react/src/layout/bleed/Bleed.tsx * Update @navikt/core/react/src/layout/bleed/Bleed.tsx * 📝 Mer konsekvent story for breakpoints i box * 🐛 JSDOC for Bleed matcher nå syntax * [V6] Fjernet z-index-modal token (#2637) * 🔥 Fjernet zindex-modal token * 📝 Oppdatert docs * 📝 Changeset * [V6] ErrorSummary magic (#2642) * ♻️ Flyttet li-tag fra ErrorSummary-parent til child * 🏷️ Bedre typer * 🔒 Heading er nå required i ErrorSummary * 🎨 Egen prop for ErrorSummary fokus * 📝 Changeset * 🎨 Bedre fokushåndtering i ErrorSummary * ♻️ focusTarget -> focusTargetRef * 📝 Fikset jsdoc * 📝 Migreringstekst * 📝 changeset * 📝 Migration-text * 📝 JSDoc-staving * 📝 Oppdatert migreringsguide for z-index + tailwind * 🐛 Fikset bruk av z-modal i tailwind * 🔥 Fjernet openOnFocus-prop fra date * [V6] Modal: strengere prop-typer (#2718) * 🎨 SortState i Table har nå none tilgjengelig (#2726) * [V6] Oppdatert bruk av action-farger (#2717) * 💄 Button secondary hover * 💄 Radio/Checkbox action-farger * :WIP: combobox action-farger * 🐛 Tilpasset hover-farge på checkbox i confirmationpanel * 💄 copybutton hover-text action * 💄 dropdown, helptext hover-text * 💄 link og linkpanel actionsfarger * 💄 Search action-farger * 💄 select action-farger * 💄 Stepper action * 💄 Textarea action * 💄 Textarea og textfield colors * 🐛 Riktig hover-bakgrunn på combobox selected option * 📝 Changeset * 📝 changeset tokens * 📝 Dokumentert nye tokens * [V6] Native ESM-støtte 🎉 (#2677) * 🎨 Fungerende cjs/esm bundle med use-client * 🎨 Oppdatert dir-output i for esm * ⬆️ Bump date-fns og react-day-picker * 🎨 oppdatert date-fns imports * 🐛 Endret bruk av reat-day-picker i monthpicker * 🐛 Fikset rendring av button i Datepicker-row * ♻️ Bruker date-fns imports ssom støtter v2 og v3 * ⬆️ Synced date-fns versions * ✨ Astro testmiljø * 📝 Changeset * 🎨 Skriver packagejson med type for esm * 🔥 Fjernet .yarn/* fra astro * 🎨 La til .yarn i gitignore for astro * ⏪ Bruker riktig ds-react versjon * ⬆️ Lik tsconfig som ds-react i aksel-icons * 🐛 La tilbake provernance * 🐛 Undo Day/Row fix fra main * 🔥 Fjernet mulighet til å laste date-fns v2 * 🔥 Fjernet fs-extra dependency * 🐛 Fikset feil versjon på core/react * [V6] React-pakker støtter nå native SSR ved å bruke `use-client` 🎉 (#2707) * 🎉 use-client blir lagt til på export av ds-react og aksel-icons * 🎉 La til nextjs med appdir for testing * ⚡ Tom yarn.lock med i git * 📝 changeset * 📝 Oppdatert migration-guide * Update @navikt/aksel-icons/config/index-template.js * 🐛 Async-lasting av date-fns er nå v3 esm compliant v3 av date-fns støtter ikke default export/import, noe som brakk async-lasting da vi brukte .default * Search: Ekskluder 'type' fra SearchProps (#2736) * 🎉 Ny token icon-action-hover * 🔥 Fjernet v6-endringer for ErrorSummary. Endringer vil bli gjort i en senere major-versjon * OverridableComponent: Fikset feil som tillot vilkårlige props (#2739) * 🔥 Fjernet migration.md --------- Co-authored-by: Halvor Haugan <[email protected]>

* 🎉 Ny hook og API 'descendants' * 📝 Bedre storiers * 🎉 Setup for ny tabs * 🎨 Setup context * 🎨 useTabs-hook * 🎨 Tablist hook * 🚚 Flyttet tablist i egen mappe * 🎨 TabList * 🐛 Fikset import av tabList * 🎨 Tabs.Tab implementert * 🎨 Tabs.TabPanel implementert * 🐛 Fikset import av tabpanel * 🐛 onOnClick -> onClick * 🐛 Fikset keydown-håndtering i tablist * 🐛 Fikset plassering av scrollbuttons i overflow * ♿ Scrollbutton er nå * ✨ Fitted variant * 🐛 Fikset imports * 🔥 Fjernet radix-tabs import * 🎨 Panel-children rendres bare hvis selected * 🎨 lazy-prop for å bare rendre children i panel hvis selected * 🎨 Tabs.Tab håndterer nå tab-key og tabindex riktig * 📝 Changeset * 📝 Changeset * [V6] Deprecated Grid og ContentContainer (#2622) * 🔥 Fjernet grid css * 🔥 Fjernet grid tsx * 🔥 Fjernet content-container fra systemet * 🐛 la til deprecatePrefix-tag for stylelint * 📝 Changeset * Textarea: Fjern wrapper (#2635) * [V6] Chat-props deprecation (#2631) * 🎨 Satt opp codemod boilerplate for chat deprecation * 🐛 v5 -> v6 i codemod * 🧪 Tester for alias-import av chat * 🧪 idempotent codemod-test * 🔥 Fjernet deprecated props fra Chat * 📝 Changeset * 📝 Bedre advarsel i chat-codemod * 📝 v6-migration update * 🧪 Tester vanlig import av Chat * 📝 Oppdatert tekster i codemod * 🔥 Fjernet return fra removeProps * Update @navikt/aksel/src/codemod/migrations.ts * [V6] 1440px breakpoint (#2632) * ✨ La til nytt brekkpunkt 1440px * 🎉 Bleed støtter 2xl breakpoint * 🎉 Bleed box 2xl breakpoint * 🎉 hgrid 2xl breakpoint * 🎉 resterende primitives støtter 1440px * 📝 tailwind migreringsdocs * 🔥 Fjernet navno-mal fra chromatic snapshot * 📝 Changeset * 🐛 2xl hgrid css brakk * 📝 Oppdatert changset med tailwind-ref * Update @navikt/core/react/src/layout/bleed/Bleed.tsx * Update @navikt/core/react/src/layout/bleed/Bleed.tsx * 📝 Mer konsekvent story for breakpoints i box * 🐛 JSDOC for Bleed matcher nå syntax * [V6] Fjernet z-index-modal token (#2637) * 🔥 Fjernet zindex-modal token * 📝 Oppdatert docs * 📝 Changeset * [V6] ErrorSummary magic (#2642) * ♻️ Flyttet li-tag fra ErrorSummary-parent til child * 🏷️ Bedre typer * 🔒 Heading er nå required i ErrorSummary * 🎨 Egen prop for ErrorSummary fokus * 📝 Changeset * 🎨 Bedre fokushåndtering i ErrorSummary * ♻️ focusTarget -> focusTargetRef * 📝 Fikset jsdoc * 📝 Migreringstekst * 📝 changeset * 📝 Migration-text * 📝 JSDoc-staving * 📝 Oppdatert migreringsguide for z-index + tailwind * 🐛 Fikset bruk av z-modal i tailwind * 🔥 Fjernet descendants-filer * 📝 Rename context og types til namespace * 🔥 Fjernet openOnFocus-prop fra date * [V6] Modal: strengere prop-typer (#2718) * 🎨 SortState i Table har nå none tilgjengelig (#2726) * [V6] Oppdatert bruk av action-farger (#2717) * 💄 Button secondary hover * 💄 Radio/Checkbox action-farger * :WIP: combobox action-farger * 🐛 Tilpasset hover-farge på checkbox i confirmationpanel * 💄 copybutton hover-text action * 💄 dropdown, helptext hover-text * 💄 link og linkpanel actionsfarger * 💄 Search action-farger * 💄 select action-farger * 💄 Stepper action * 💄 Textarea action * 💄 Textarea og textfield colors * 🐛 Riktig hover-bakgrunn på combobox selected option * 📝 Changeset * 📝 changeset tokens * 📝 Dokumentert nye tokens * [V6] Native ESM-støtte 🎉 (#2677) * 🎨 Fungerende cjs/esm bundle med use-client * 🎨 Oppdatert dir-output i for esm * ⬆️ Bump date-fns og react-day-picker * 🎨 oppdatert date-fns imports * 🐛 Endret bruk av reat-day-picker i monthpicker * 🐛 Fikset rendring av button i Datepicker-row * ♻️ Bruker date-fns imports ssom støtter v2 og v3 * ⬆️ Synced date-fns versions * ✨ Astro testmiljø * 📝 Changeset * 🎨 Skriver packagejson med type for esm * 🔥 Fjernet .yarn/* fra astro * 🎨 La til .yarn i gitignore for astro * ⏪ Bruker riktig ds-react versjon * ⬆️ Lik tsconfig som ds-react i aksel-icons * 🐛 La tilbake provernance * 🐛 Undo Day/Row fix fra main * 🔥 Fjernet mulighet til å laste date-fns v2 * 🔥 Fjernet fs-extra dependency * 🐛 Fikset feil versjon på core/react * [V6] React-pakker støtter nå native SSR ved å bruke `use-client` 🎉 (#2707) * 🎉 use-client blir lagt til på export av ds-react og aksel-icons * 🎉 La til nextjs med appdir for testing * ⚡ Tom yarn.lock med i git * 📝 changeset * 📝 Oppdatert migration-guide * Update @navikt/aksel-icons/config/index-template.js * 🚚 rename fitted -> fill in tabs * 🐛 Async-lasting av date-fns er nå v3 esm compliant v3 av date-fns støtter ikke default export/import, noe som brakk async-lasting da vi brukte .default * 🧪 Forbedret Tabs-tester Lagt til flere test-caser, men implementert testing av keyboard-nav og tabbing * ⬆️ yarn sync * ⬆️ Yarn lock * ⬇️ Reversert duplikate endringer som kom fra v6 * 🎨 Aria-hidden blir nå satt på ikon hvis label allerede er satt på tab * Update @navikt/core/react/src/tabs/Tabs.types.ts * 📝 Testnavn for tabs * ⚡ Skipper unødvendig memo for tab-context, punktum etter all jsdoc * 🔥 Fjernet TabsContextProps * 📝 Fjernet comma på changeset * 📝 Fill-demo for aksel.nav.no * 📝 Changeset for lazy-prop * Update @navikt/core/react/src/tabs/parts/tabpanel/TabPanel.tsx Co-authored-by: Halvor Haugan <[email protected]> * 🐛 Beholder attr fra radix med i ny implementasjon * ⚡ Flyttet fokus-state update ut av useeffect, fjernet unødvendig klasse for hidden * ⚡ Unngår unødvendig sjekk for disabled i onFocus for useTab2 * ♻️ tab og tabpanel støtter nå egne id-er * Update @navikt/core/react/src/tabs/useTabs.ts * 🐛 I none tilfeller førte setFocusedValue utenfor useEffect til infinite re-renders * Update @navikt/core/react/src/tabs/parts/tab/Tab.tsx Co-authored-by: Halvor Haugan <[email protected]> * 🐛 bruker-id var satt på feil attrb * 📝 Dokumentert custom-ids for tabs * ⚡ Chroamtic-format for tabs-stories * ♻️ Omskrevet tabs-stories for ny syntax * 📝 Bruker bold markdown istedenfor note syntax * 📝 Flyttet warning til newline * 📝 Bruker bare ett linjeskift for jsdoc --------- Co-authored-by: Halvor Haugan <[email protected]>

* 🎉 Ny hook og API 'descendants' * 📝 Bedre storiers * 🎨 implementert togglegroup med descendants * 🎨 Implemented togglegroup.item * 🎨 Fjernet gammel togglegroup * 🐛 Fikset keydown * 🔥 Fjernet comment * 🎉 RowingFocus resetter nå ved focus-exit * 🔥 Fjernet radix toggleroup fra dependencies * 📝 Changeset * [V6] Deprecated Grid og ContentContainer (#2622) * 🔥 Fjernet grid css * 🔥 Fjernet grid tsx * 🔥 Fjernet content-container fra systemet * 🐛 la til deprecatePrefix-tag for stylelint * 📝 Changeset * Textarea: Fjern wrapper (#2635) * [V6] Chat-props deprecation (#2631) * 🎨 Satt opp codemod boilerplate for chat deprecation * 🐛 v5 -> v6 i codemod * 🧪 Tester for alias-import av chat * 🧪 idempotent codemod-test * 🔥 Fjernet deprecated props fra Chat * 📝 Changeset * 📝 Bedre advarsel i chat-codemod * 📝 v6-migration update * 🧪 Tester vanlig import av Chat * 📝 Oppdatert tekster i codemod * 🔥 Fjernet return fra removeProps * Update @navikt/aksel/src/codemod/migrations.ts * [V6] 1440px breakpoint (#2632) * ✨ La til nytt brekkpunkt 1440px * 🎉 Bleed støtter 2xl breakpoint * 🎉 Bleed box 2xl breakpoint * 🎉 hgrid 2xl breakpoint * 🎉 resterende primitives støtter 1440px * 📝 tailwind migreringsdocs * 🔥 Fjernet navno-mal fra chromatic snapshot * 📝 Changeset * 🐛 2xl hgrid css brakk * 📝 Oppdatert changset med tailwind-ref * Update @navikt/core/react/src/layout/bleed/Bleed.tsx * Update @navikt/core/react/src/layout/bleed/Bleed.tsx * 📝 Mer konsekvent story for breakpoints i box * 🐛 JSDOC for Bleed matcher nå syntax * [V6] Fjernet z-index-modal token (#2637) * 🔥 Fjernet zindex-modal token * 📝 Oppdatert docs * 📝 Changeset * [V6] ErrorSummary magic (#2642) * ♻️ Flyttet li-tag fra ErrorSummary-parent til child * 🏷️ Bedre typer * 🔒 Heading er nå required i ErrorSummary * 🎨 Egen prop for ErrorSummary fokus * 📝 Changeset * 🎨 Bedre fokushåndtering i ErrorSummary * ♻️ focusTarget -> focusTargetRef * 📝 Fikset jsdoc * 📝 Migreringstekst * 📝 changeset * 📝 Migration-text * 📝 JSDoc-staving * 📝 Oppdatert migreringsguide for z-index + tailwind * 🐛 Fikset bruk av z-modal i tailwind * 🔥 Fjernet descendants-filer * 📝 Rename context og types til namespace * 🔥 Fjernet openOnFocus-prop fra date * [V6] Modal: strengere prop-typer (#2718) * 🎨 SortState i Table har nå none tilgjengelig (#2726) * [V6] Oppdatert bruk av action-farger (#2717) * 💄 Button secondary hover * 💄 Radio/Checkbox action-farger * :WIP: combobox action-farger * 🐛 Tilpasset hover-farge på checkbox i confirmationpanel * 💄 copybutton hover-text action * 💄 dropdown, helptext hover-text * 💄 link og linkpanel actionsfarger * 💄 Search action-farger * 💄 select action-farger * 💄 Stepper action * 💄 Textarea action * 💄 Textarea og textfield colors * 🐛 Riktig hover-bakgrunn på combobox selected option * 📝 Changeset * 📝 changeset tokens * 📝 Dokumentert nye tokens * [V6] Native ESM-støtte 🎉 (#2677) * 🎨 Fungerende cjs/esm bundle med use-client * 🎨 Oppdatert dir-output i for esm * ⬆️ Bump date-fns og react-day-picker * 🎨 oppdatert date-fns imports * 🐛 Endret bruk av reat-day-picker i monthpicker * 🐛 Fikset rendring av button i Datepicker-row * ♻️ Bruker date-fns imports ssom støtter v2 og v3 * ⬆️ Synced date-fns versions * ✨ Astro testmiljø * 📝 Changeset * 🎨 Skriver packagejson med type for esm * 🔥 Fjernet .yarn/* fra astro * 🎨 La til .yarn i gitignore for astro * ⏪ Bruker riktig ds-react versjon * ⬆️ Lik tsconfig som ds-react i aksel-icons * 🐛 La tilbake provernance * 🐛 Undo Day/Row fix fra main * 🔥 Fjernet mulighet til å laste date-fns v2 * 🔥 Fjernet fs-extra dependency * 🐛 Fikset feil versjon på core/react * [V6] React-pakker støtter nå native SSR ved å bruke `use-client` 🎉 (#2707) * 🎉 use-client blir lagt til på export av ds-react og aksel-icons * 🎉 La til nextjs med appdir for testing * ⚡ Tom yarn.lock med i git * 📝 changeset * 📝 Oppdatert migration-guide * Update @navikt/aksel-icons/config/index-template.js * 🎉 ToggleGroup-prop fill * 🐛 Async-lasting av date-fns er nå v3 esm compliant v3 av date-fns støtter ikke default export/import, noe som brakk async-lasting da vi brukte .default * 🧪 Forbedret ToggleGroup-tester * ⬆️ yarn sync * 🐛 Fikset import av parts * 🔥 Fjernet duplikate changesets * ⬇️ Reversert duplikate endringer som kom fra v6 * 📝 rowing -> roving * 📝 Bedre test-navn * 📝 Bedre navngivning for tester * ⚡ Fjernet useEffect for state update * 📝 Oppdatert changeset og jsdoc * ♻️ Inlinet aria-desribedby * 📝 Demo for fill-prop på aksel.nav.no * 🐛 Togglegroup krever onChange-prop * 📝 ToggleGroup story for chromatic * ⬆️ yarn lock * 🎉 Bedre visning av eksempel på aksel.nav.no --------- Co-authored-by: Halvor Haugan <[email protected]>

KenAJoh added 6 commits January 16, 2024 10:23

🎨 Satt opp codemod boilerplate for chat deprecation

185dc2f

🐛 v5 -> v6 i codemod

411cfac

🧪 Tester for alias-import av chat

d01ff26

🧪 idempotent codemod-test

96bda99

🔥 Fjernet deprecated props fra Chat

7b14efc

📝 Changeset

4fc0fa8

KenAJoh added Aksel-V8 Oppgaven er relatert til ny major-release ignore-chromatic Hindrer kode i å bli testet med chromatic labels Jan 16, 2024

📝 Bedre advarsel i chat-codemod

cc9780f

KenAJoh changed the base branch from main to aksel-v6 January 16, 2024 11:17

KenAJoh added 5 commits January 16, 2024 12:20

Merge branch 'aksel-v6' into v6-chat-deprecation

002567c

📝 v6-migration update

3336a91

🧪 Tester vanlig import av Chat

3cde6c0

📝 Oppdatert tekster i codemod

9aaabdb

🔥 Fjernet return fra removeProps

4266b05

KenAJoh commented Jan 18, 2024

View reviewed changes

@navikt/aksel/src/codemod/migrations.ts Outdated Show resolved Hide resolved

Update @navikt/aksel/src/codemod/migrations.ts

7196e08

HalvorHaugan approved these changes Jan 18, 2024

View reviewed changes

KenAJoh merged commit af14279 into aksel-v6 Jan 18, 2024
1 check passed

KenAJoh deleted the v6-chat-deprecation branch January 18, 2024 13:13

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[V6] Chat-props deprecation #2631

[V6] Chat-props deprecation #2631

KenAJoh commented Jan 16, 2024

changeset-bot bot commented Jan 16, 2024 •

edited

Loading

github-actions bot commented Jan 16, 2024

[V6] Chat-props deprecation #2631

[V6] Chat-props deprecation #2631

Conversation

KenAJoh commented Jan 16, 2024

Description

Changes

changeset-bot bot commented Jan 16, 2024 • edited Loading

🦋 Changeset detected

github-actions bot commented Jan 16, 2024

Storybook demo

changeset-bot bot commented Jan 16, 2024 •

edited

Loading