Design

BrregSearch

@/components/ui/BrregSearch

Leverandør- eller organisasjonsoppslag mot Brønnøysundregistrene: skriv et navn, velg treffet, og posten opprettes/gjenbrukes med org.nr., adresse og bransje.

Når brukes den

  • Bruk overalt en leverandør skal knyttes til noe (FDV-arkiv, avtaler, tilbud) — aldri fritekst ved siden av.

  • type="organization" for oppslag på sameiet/borettslaget selv (BRL/ESEK-filter); default type="supplier" søker alle organisasjonsformer.

  • Chromet (felt, nedtrekk, tastaturnav, mobil-ark) er delt med Autocomplete — BrregSearch eier kun det som er unikt for Brønnøysund-oppslaget: debounce, upsert til leverandørregisteret og «Verifisert»-chippen.

  • Ikke bygg en ny «søk mot Brreg»-kopi ved siden av — bruk denne.

Eksempler

Leverandørsøk (standard)

I appen søker feltet mot Brønnøysundregistrene via /api/brreg mens du skriver. Denne demoen er statisk (ingen klikk) og viser kun den verifiserte sluttilstanden, for å unngå et nettverkskall fra dokumentasjonssiden.

Verifisert
<BrregSearch
  value={navn}
  leverandorId={leverandorId}
  onSelect={l => { setNavn(l.name); setLeverandorId(l.id) }}
  onClear={() => { setNavn(''); setLeverandorId(null) }}
/>

Organisasjonssøk (type="organization")

Samme komponent, men søker sameiet/borettslaget selv i stedet for en leverandør. Statisk demo av samme grunn som over.

Verifisert

Props

Sveip tabellen for å se hele innholdet

Navn
Type
Default
Beskrivelse
value *
string
Visningsnavnet i feltet.
leverandorId *
string | null
Id på et allerede lagret/valgt treff. Styrer «Verifisert»-chippen.
onSelect *
(leverandor: SelectedLeverandor) => void
Kalles etter et valg (Brreg-treff eller manuell fallback), med treffet upsertet i leverandørregisteret.
onClear *
() => void
Kalles når feltet tømmes.
placeholder
string
Plassholdertekst. Default varierer med type.
type
'supplier' | 'organization'
'supplier'
'supplier' søker alle organisasjonsformer; 'organization' filtrerer på BRL/ESEK (sameiet/borettslaget selv).

Beslektede komponenter