Fjern lodash.omit og pickBy

Reduserer størrelse på pakken vår, både ved å droppe
avhengighetene, og ved endringen i hvordan vi importerer
moment i BannerNAVAnsatt.

Før
1,799.26 kB │ gzip: 543.99 kB
Etter
1,716.17 kB │ gzip: 515.39 kB

package.json

@@ -34,8 +34,6 @@
         "classnames": "^2.5.1",
         "lodash.debounce": "^4.0.8",
         "lodash.isequal": "^4.5.0",
-        "lodash.omit": "^4.5.0",
-        "lodash.pickby": "^4.6.0",
         "lodash.sortby": "^4.7.0",
         "moment": "^2.30.1",
         "prop-types": "^15.7.2",
@@ -63,8 +61,6 @@
         "@types/amplitude-js": "^8.16.5",
         "@types/lodash.debounce": "^4.0.9",
         "@types/lodash.isequal": "^4.5.8",
-        "@types/lodash.omit": "^4.5.9",
-        "@types/lodash.pickby": "^4.6.9",
         "@types/lodash.sortby": "^4.7.9",
         "@types/node": "^20.11.17",
         "@types/react": "18.3.11",

src/AvtaleOversikt/AvtaleOversikt.tsx

@@ -1,7 +1,6 @@
 import { FunctionComponent, useContext, useEffect, useState } from 'react';
 import { useSearchParams } from 'react-router-dom';
-import { Pagination, Select } from '@navikt/ds-react';
-import omit from 'lodash.omit';
+import { omit, Pagination, Select } from '@navikt/ds-react';
 import isEqual from 'lodash.isequal';
 
 import './AvtaleOversikt.less';
@@ -24,13 +23,14 @@ import { InnloggetBrukerContext } from '@/InnloggingBoundary/InnloggingBoundary'
 import { Path } from '@/Router';
 import { Status } from '@/types/nettressurs';
 import { Varsel } from '@/types/varsel';
-import { fjernTommeFelterFraObjekt, litenForbokstav } from '@/utils/stringUtils';
+import { litenForbokstav } from '@/utils/stringUtils';
 import { useFilter } from '@/AvtaleOversikt/Filtrering/useFilter';
 import {
     hentAvtalerForInnloggetBrukerMedPost,
     hentAvtalerForInnloggetBrukerMedSokId,
     hentUlesteVarsler,
 } from '@/services/rest-service';
+import { fjernTommeFelterFraObjekt } from '@/utils/utils';
 
 const cls = BEMHelper('avtaleoversikt');
 const clsPagination = BEMHelper('avtaleoversikt-pagination');
@@ -46,7 +46,7 @@ const AvtaleOversikt: FunctionComponent = () => {
     useEffect(() => {
         if (nettressursCtx.status !== Status.Lastet) return;
 
-        const filtreUtenPage = omit(filtre, 'page', 'sorteringskolonne', 'sorteringOrder');
+        const filtreUtenPage = omit(filtre, ['page', 'sorteringskolonne', 'sorteringOrder']);
         const erFiltreLikeNettressursFiltre = isEqual(
             fjernTommeFelterFraObjekt(nettressursCtx.data.sokeParametere),
             fjernTommeFelterFraObjekt(filtreUtenPage),

src/AvtaleOversikt/Filtrering/FiltreringProvider.tsx

@@ -3,7 +3,7 @@ import { InnloggetBrukerContext } from '@/InnloggingBoundary/InnloggingBoundary'
 import { hentAvtalerForInnloggetBrukerMedPost, hentAvtalerForInnloggetBrukerMedSokId } from '@/services/rest-service';
 import { Avtale, PageableAvtale, PageableAvtalelisteRessurs } from '@/types/avtale';
 import { Status } from '@/types/nettressurs';
-import { fjernTommeFelterFraObjekt } from '@/utils/stringUtils';
+import { fjernTommeFelterFraObjekt } from '@/utils/utils';
 import {
     Dispatch,
     FunctionComponent,

src/komponenter/Banner/BannerNAVAnsatt.tsx

@@ -7,7 +7,7 @@ import VerticalSpacer from '../layout/VerticalSpacer';
 import nyheter from '../NyttIAppen/nyheter';
 import Nytt from '../NyttIAppen/Nytt';
 import './Banner.less';
-import moment from 'moment/moment';
+import moment from 'moment';
 import { useAvtale } from '@/AvtaleProvider';
 import { useFeatureToggles } from '@/FeatureToggleProvider';
 

src/komponenter/lagreOgAvbrytKnapp/LagreOgAvbrytKnapp.tsx

@@ -1,7 +1,6 @@
 import { Nettressurs, Status } from '@/types/nettressurs';
 import { handterFeil } from '@/utils/apiFeilUtils';
-import { Alert } from '@navikt/ds-react';
-import omit from 'lodash.omit';
+import { Alert, omit } from '@navikt/ds-react';
 import { Button, ButtonProps } from '@navikt/ds-react';
 import { FunctionComponent, HTMLAttributes, useEffect, useRef, useState } from 'react';
 import BEMHelper from '@/utils/bem';
@@ -19,7 +18,7 @@ const LagreOgAvbrytKnapp: FunctionComponent<Props & ButtonProps> = (props) => {
     const [feilmelding, setFeilmelding] = useState('');
 
     // Fjerner ikke-standard knapp-props før de spreades inn i KnappBase.
-    const knappBaseProps: ButtonProps = omit(props, ['lagreFunksjon', 'avbryt', 'lagreTekst']);
+    const knappBaseProps: ButtonProps = omit(props, ['lagreFunksjon', 'avbryt', 'lagretekst']);
 
     const feilRef = useRef<HTMLDivElement>(null);
 

src/utils/stringUtils.ts

@@ -1,5 +1,3 @@
-import pickBy from 'lodash.pickby';
-
 export const storForbokstav = (tekst: string) => {
     return tekst ? tekst.toLowerCase().replace(/\b\w/, (v) => v.toUpperCase()) : tekst;
 };
@@ -14,5 +12,3 @@ export const kunStorForbokstav = (tekst: string) => {
 
 // https://stackoverflow.com/questions/3446170/escape-string-for-use-in-javascript-regex
 export const escapeRegExp = (streng: string) => streng.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-
-export const fjernTommeFelterFraObjekt = (objekt: any) => pickBy(objekt);

src/utils/utils.ts

@@ -10,3 +10,18 @@ export const miljo = () => {
             return 'local';
     }
 };
+
+type RemoveUndefined<T> = {
+    [P in keyof T]: undefined extends T[P] ? never : null extends T[P] ? never : P;
+}[keyof T];
+
+export const fjernTommeFelterFraObjekt = <T extends object>(objekt: T): Pick<T, RemoveUndefined<T>> => {
+    const copy = { ...objekt };
+    const keys = Object.keys(copy) as Array<keyof T>;
+    keys.forEach((key) => {
+        if (copy[key] === undefined || copy[key] === null) {
+            delete copy[key];
+        }
+    });
+    return copy as Pick<T, RemoveUndefined<T>>;
+};