FileUpload.Item: 💥 Endret API og støtte for å sette ID på knappen

[torkjels]

Slik at man kan lenke til knappen med en -tag.

[changeset-bot]

🦋 Changeset detected

Latest commit: e3806c7

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/ds-tokens	Minor
@navikt/ds-tailwind	Minor
@navikt/aksel-icons	Minor
@navikt/aksel	Minor
@navikt/aksel-stylelint	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: 1

29c6907bd | 60 komponenter | 209 stories

[KenAJoh]

I hvilke tilfeller vil man trenge å flytte fokus til knapp her? Tenker f.eks bare hva forskjellen på å slette filen for brukeren ved en action vs å flytte fokuset til filen og la brukeren slette den manuelt er 🤔

[HalvorHaugan]

Nå har vi diskutert dette, og kommet fram til at vi ønsker å samle alle props som har med knappen å gjøre til et objekt. Noe sånt som dette:

action={{
  type: "delete",
  onClick: () => onDelete(file),
  id: "min-id",
  title: "Slett filen 'filnavn'",   // eventuelt
}}

[KenAJoh]

🎉 Ser bra ut. Mangler bare å oppdatere JSDOC

   * @example
   * Status & actions
   * ```jsx
   * <FileUpload.Item file={file} status="uploading" />
   * <FileUpload.Item file={file} status="downloading" />
   * <FileUpload.Item file={file} itemAction="retry" onRetry={...} />
   * <FileUpload.Item file={file} itemAction="delete" onDelete={...} />
   * ```
   */

[HalvorHaugan]

Bra spottet!

[HalvorHaugan]

Ser det greit ut slik?

   * <FileUpload.Item file={file} button={{ action:"retry", onClick:... }} />
   * <FileUpload.Item file={file} button={{ action:"delete", onClick:... }} />

Eller bør det formateres slik prettier ville gjort det?

[KenAJoh]

Ser det greit ut slik?

   * <FileUpload.Item file={file} button={{ action:"retry", onClick:... }} />
   * <FileUpload.Item file={file} button={{ action:"delete", onClick:... }} />

Eller bør det formateres slik prettier ville gjort det?

Funker slik det er nå 👍