From 5074c344e9b7f9d52670e4cb9ddb1f41782fc9df Mon Sep 17 00:00:00 2001 From: ebelegu <89395215+ebelegu@users.noreply.github.com> Date: Wed, 23 Oct 2024 11:35:03 +0200 Subject: [PATCH] Bedriftsmeny v.7.0.0 (#136) * Fjerner ikoner og bruk av virksomhetsnr * Fjerner piktogram og undertittel * Ny padding og underlinje * Major Bump * Bredere bedriftsmeny * Release versjon av bedriftsmeny --- next-env.d.ts | 2 +- package-lock.json | 4 +- package.json | 2 +- src/bedriftsmeny/Bedriftsmeny.tsx | 10 ----- src/bedriftsmeny/BedriftsmenyView.css | 30 ++------------ src/bedriftsmeny/BedriftsmenyView.tsx | 14 +------ .../piktogrammer/Arbeidsforhold.tsx | 41 ------------------- .../piktogrammer/AvtalerOmTiltak.tsx | 27 ------------ .../piktogrammer/ForebyggeSykefravaer.tsx | 22 ---------- src/bedriftsmeny/piktogrammer/Kandidater.tsx | 22 ---------- src/bedriftsmeny/piktogrammer/MSAIkon.tsx | 22 ---------- src/bedriftsmeny/piktogrammer/Refusjon.tsx | 30 -------------- src/bedriftsmeny/velger/JuridiskEnhet.css | 4 +- src/bedriftsmeny/velger/JuridiskEnhet.tsx | 11 +++-- src/bedriftsmeny/velger/Virksomhetsvelger.css | 2 +- src/bedriftsmeny/velger/Virksomhetsvelger.tsx | 5 +-- src/components/Layout/Banner/Banner.tsx | 5 +-- 17 files changed, 18 insertions(+), 235 deletions(-) delete mode 100644 src/bedriftsmeny/piktogrammer/Arbeidsforhold.tsx delete mode 100644 src/bedriftsmeny/piktogrammer/AvtalerOmTiltak.tsx delete mode 100644 src/bedriftsmeny/piktogrammer/ForebyggeSykefravaer.tsx delete mode 100644 src/bedriftsmeny/piktogrammer/Kandidater.tsx delete mode 100644 src/bedriftsmeny/piktogrammer/MSAIkon.tsx delete mode 100644 src/bedriftsmeny/piktogrammer/Refusjon.tsx diff --git a/next-env.d.ts b/next-env.d.ts index 4f11a03..a4a7b3f 100644 --- a/next-env.d.ts +++ b/next-env.d.ts @@ -2,4 +2,4 @@ /// // NOTE: This file should not be edited -// see https://nextjs.org/docs/basic-features/typescript for more information. +// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information. diff --git a/package-lock.json b/package-lock.json index a45e168..af2b049 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@navikt/bedriftsmeny", - "version": "6.13.2-rc2", + "version": "7.0.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@navikt/bedriftsmeny", - "version": "6.13.2-rc2", + "version": "7.0.0", "license": "MIT", "dependencies": { "focus-trap-react": "^10.2.2", diff --git a/package.json b/package.json index 4ca15a7..98ed232 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/bedriftsmeny", - "version": "6.13.2-rc2", + "version": "7.0.0", "description": "Bedriftsvelger og -meny for innlogget arbeidsgiver. Laget av TAG (Tjenester for Arbeidsgivere).", "author": "NAVIKT", "license": "MIT", diff --git a/src/bedriftsmeny/Bedriftsmeny.tsx b/src/bedriftsmeny/Bedriftsmeny.tsx index 7d53808..5bae750 100644 --- a/src/bedriftsmeny/Bedriftsmeny.tsx +++ b/src/bedriftsmeny/Bedriftsmeny.tsx @@ -8,8 +8,6 @@ import Velger from './velger/Virksomhetsvelger'; interface EgneProps { sidetittel?: string | JSX.Element; - undertittel?: string; - piktogram?: JSX.Element; organisasjoner?: Organisasjon[]; onOrganisasjonChange?: (organisasjon: Organisasjon) => void; /** @@ -27,8 +25,6 @@ const Bedriftsmeny: FunctionComponent = (props) => { return ( } bjelle={props.children} /> @@ -117,12 +113,6 @@ export const flatUtOrganisasjonstre = (organisasjonstre: Organisasjonstre[]): Or return organisasjonstre.flatMap((o) => kutter(o)); }; -export { Arbeidsforhold } from './piktogrammer/Arbeidsforhold'; -export { AvtalerOmTiltak } from './piktogrammer/AvtalerOmTiltak'; -export { ForebyggeSykefravaer } from './piktogrammer/ForebyggeSykefravaer'; -export { Kandidater } from './piktogrammer/Kandidater'; -export { Refusjon } from './piktogrammer/Refusjon'; -export { MSAIkon } from './piktogrammer/MSAIkon'; export { hentAlleJuridiskeEnheter } from './hentAlleJuridiskeEnheter'; export type { Organisasjon } from './organisasjon'; diff --git a/src/bedriftsmeny/BedriftsmenyView.css b/src/bedriftsmeny/BedriftsmenyView.css index 9bc5898..ee580f1 100644 --- a/src/bedriftsmeny/BedriftsmenyView.css +++ b/src/bedriftsmeny/BedriftsmenyView.css @@ -1,32 +1,15 @@ .navbm-bedriftsmeny { background-color: var(--a-bg-default); - border-bottom: 0.25rem solid var(--a-border-focus-on-inverted); + border-bottom: 1px solid var(--a-gray-300); padding: 1rem; } @media (min-width: 48rem) { .navbm-bedriftsmeny { - padding: 32px 16px 24px; + padding: 20px 16px; } } -.navbm-piktogram { - display: flex; - justify-content: flex-end; - margin: 0 32px 0 64px; - align-items: flex-start; -} - -.navbm-piktogram > svg { - height: 52px; - width: 52px; -} - -@media (max-width: 70.5rem) { - .navbm-piktogram { - display: none; - } -} .navbm-innhold-header { display: flex; @@ -62,12 +45,5 @@ gap: 1rem; align-items: center; justify-content: flex-end; - max-width: 26.25rem; -} - - -@media (max-width: 420px) { - .navbm-widgets { - padding: 1rem 0 1rem 1rem; - } + max-width: 30rem; } \ No newline at end of file diff --git a/src/bedriftsmeny/BedriftsmenyView.tsx b/src/bedriftsmeny/BedriftsmenyView.tsx index bf31f6d..dae7bb5 100644 --- a/src/bedriftsmeny/BedriftsmenyView.tsx +++ b/src/bedriftsmeny/BedriftsmenyView.tsx @@ -1,11 +1,8 @@ import React, {ReactNode} from 'react'; -import {BodyShort, Heading} from '@navikt/ds-react'; -import {MSAIkon} from "./piktogrammer/MSAIkon"; +import { Heading} from '@navikt/ds-react'; interface Props { tittel?: string | JSX.Element; - undertittel?: string; - piktogram?: JSX.Element; virksomhetsvelger: JSX.Element; bjelle?: JSX.Element | ReactNode; } @@ -13,9 +10,6 @@ interface Props { export const BedriftsmenyView = (props: Props) => (
-
- {props.piktogram ?? } -
{typeof props.tittel === 'string' ? ( @@ -23,12 +17,6 @@ export const BedriftsmenyView = (props: Props) => ( ) : ( props.tittel )} - {props.undertittel ? -
- {props.undertittel.toUpperCase()} -
- : null - }
{props.virksomhetsvelger} diff --git a/src/bedriftsmeny/piktogrammer/Arbeidsforhold.tsx b/src/bedriftsmeny/piktogrammer/Arbeidsforhold.tsx deleted file mode 100644 index aa584c5..0000000 --- a/src/bedriftsmeny/piktogrammer/Arbeidsforhold.tsx +++ /dev/null @@ -1,41 +0,0 @@ -import React from "react"; - -export const Arbeidsforhold = () => - diff --git a/src/bedriftsmeny/piktogrammer/AvtalerOmTiltak.tsx b/src/bedriftsmeny/piktogrammer/AvtalerOmTiltak.tsx deleted file mode 100644 index 823bced..0000000 --- a/src/bedriftsmeny/piktogrammer/AvtalerOmTiltak.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import React from "react"; - -export const AvtalerOmTiltak = () => \ No newline at end of file diff --git a/src/bedriftsmeny/piktogrammer/ForebyggeSykefravaer.tsx b/src/bedriftsmeny/piktogrammer/ForebyggeSykefravaer.tsx deleted file mode 100644 index 0903e6b..0000000 --- a/src/bedriftsmeny/piktogrammer/ForebyggeSykefravaer.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import React from "react"; - -export const ForebyggeSykefravaer = () => diff --git a/src/bedriftsmeny/piktogrammer/Kandidater.tsx b/src/bedriftsmeny/piktogrammer/Kandidater.tsx deleted file mode 100644 index fae25f8..0000000 --- a/src/bedriftsmeny/piktogrammer/Kandidater.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import React from "react"; - -export const Kandidater = () => diff --git a/src/bedriftsmeny/piktogrammer/MSAIkon.tsx b/src/bedriftsmeny/piktogrammer/MSAIkon.tsx deleted file mode 100644 index d0b26e3..0000000 --- a/src/bedriftsmeny/piktogrammer/MSAIkon.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import React from "react"; - -export const MSAIkon = () => diff --git a/src/bedriftsmeny/piktogrammer/Refusjon.tsx b/src/bedriftsmeny/piktogrammer/Refusjon.tsx deleted file mode 100644 index cd7ee2a..0000000 --- a/src/bedriftsmeny/piktogrammer/Refusjon.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import React from "react"; - -export const Refusjon = () => diff --git a/src/bedriftsmeny/velger/JuridiskEnhet.css b/src/bedriftsmeny/velger/JuridiskEnhet.css index 6e26e80..4ab950f 100644 --- a/src/bedriftsmeny/velger/JuridiskEnhet.css +++ b/src/bedriftsmeny/velger/JuridiskEnhet.css @@ -25,7 +25,7 @@ .navbm-virksomhetsvelger__enhet { display: grid; - grid-template-columns: auto 1fr auto; + grid-template-columns: 1fr auto; align-items: center; gap: var(--a-spacing-4); } @@ -53,7 +53,7 @@ display: flex; flex-direction: column; gap: var(--a-spacing-1); - padding: 0; + padding: 0 0 0 16px; list-style: none; } diff --git a/src/bedriftsmeny/velger/JuridiskEnhet.tsx b/src/bedriftsmeny/velger/JuridiskEnhet.tsx index ff3eb4c..b4e4d13 100644 --- a/src/bedriftsmeny/velger/JuridiskEnhet.tsx +++ b/src/bedriftsmeny/velger/JuridiskEnhet.tsx @@ -1,5 +1,5 @@ import React, {ForwardedRef, forwardRef} from 'react'; -import {Office1, Success} from '@navikt/ds-icons'; +import { Office2, Success } from '@navikt/ds-icons'; import {Accordion, BodyShort, Button} from '@navikt/ds-react'; import {Organisasjon} from '../organisasjon'; import {OrganisasjonMedState} from "./useTastaturNavigasjon"; @@ -93,14 +93,13 @@ const Underenhet = forwardRef(({valgt, onCli className='navbm-virksomhetsvelger__underenhet-innhold' >
-
{underenhet.Name} - virksomhetsnr. - {underenhet.OrganizationNumber} + Org.nr + {underenhet.OrganizationNumber.replace(/\B(?=(\d{3})+(?!\d))/g, " ")}
{valgt && ( @@ -127,8 +126,8 @@ const Hovedenhet = ({hovedenhet, valgt, antallUnderenheter}: HovedenhetProps) => {hovedenhet.Name} - org.nummer - {hovedenhet.OrganizationNumber} + Org.nr. + {hovedenhet.OrganizationNumber.replace(/\B(?=(\d{3})+(?!\d))/g, " ")} diff --git a/src/bedriftsmeny/velger/Virksomhetsvelger.css b/src/bedriftsmeny/velger/Virksomhetsvelger.css index 176634d..0b09b3d 100644 --- a/src/bedriftsmeny/velger/Virksomhetsvelger.css +++ b/src/bedriftsmeny/velger/Virksomhetsvelger.css @@ -12,7 +12,7 @@ .navbm-virksomhetsvelger__innhold { display: grid; - grid-template-columns: auto minmax(3rem, 25rem) 1rem; + grid-template-columns: minmax(3rem, 25rem) 1rem; align-items: center; gap: 8px; } diff --git a/src/bedriftsmeny/velger/Virksomhetsvelger.tsx b/src/bedriftsmeny/velger/Virksomhetsvelger.tsx index 7a3eb12..4a48943 100644 --- a/src/bedriftsmeny/velger/Virksomhetsvelger.tsx +++ b/src/bedriftsmeny/velger/Virksomhetsvelger.tsx @@ -58,14 +58,11 @@ const Velger = ({friKomponent} : {friKomponent: boolean} ) => { aria-expanded={åpen} >
-
- -
{valgtOrganisasjon.Name} - virksomhetsnr. {valgtOrganisasjon.OrganizationNumber} + Org.nr. {valgtOrganisasjon.OrganizationNumber.replace(/\B(?=(\d{3})+(?!\d))/g, " ")}
{åpen ? : }
diff --git a/src/components/Layout/Banner/Banner.tsx b/src/components/Layout/Banner/Banner.tsx index 16963f8..783e853 100644 --- a/src/components/Layout/Banner/Banner.tsx +++ b/src/components/Layout/Banner/Banner.tsx @@ -5,7 +5,6 @@ import dynamic from "next/dynamic"; import { useRouter } from "next/router"; import { Heading } from "@navikt/ds-react"; import { OrgnrSearchParamType } from "../../../bedriftsmeny/velger/utils"; -import { ForebyggeSykefravaer } from "../../../bedriftsmeny/Bedriftsmeny"; interface Props { organisasjoner: Organisasjon[]; @@ -46,11 +45,9 @@ export default function Banner({ organisasjoner }: Props) { orgnrSearchParam={useHentOrgnummer().hook} sidetittel={ - Slik forebygger dere sykefravær + Forebygge fravær } - undertittel="Inkluderende arbeidsliv" - piktogram={} organisasjoner={organisasjoner} /> );