Legg til circeDependency pluging

Author: tor-nav

package.json

@@ -78,6 +78,7 @@
     "typescript": "5.8.2",
     "typescript-eslint": "8.26.0",
     "vite": "6.2.1",
+    "vite-plugin-circular-dependency": "0.5.0",
     "vite-plugin-dts": "4.5.3",
     "vitest": "3.0.8"
   },

packages/plattform-komponenter/index.ts

@@ -24,7 +24,8 @@ export { ProcessMenu } from './src/ProcessMenu/ProcessMenu';
 export { StepType as ProcessMenuStepType } from './src/ProcessMenu/components/StepType';
 
 export { SideMenu } from './src/SideMenu/SideMenu';
-export { PersonCard, Gender } from './src/PersonCard/PersonCard';
+export { PersonCard } from './src/PersonCard/PersonCard';
+export { Gender } from './src/PersonCard/GenderIcon';
 export { EmptyPersonCard } from './src/PersonCard/EmptyPersonCard';
 export { VisittKort } from './src/PersonCard/VisittKort';
 export { GenderIcon } from './src/PersonCard/GenderIcon';

packages/plattform-komponenter/src/PersonCard/GenderIcon.tsx

@@ -5,7 +5,11 @@ import {
   SilhouetteFillIcon,
 } from '@navikt/aksel-icons';
 
-import { Gender } from './PersonCard';
+export enum Gender {
+  male = 'male',
+  female = 'female',
+  unknown = 'unknown',
+}
 
 interface Props {
   gender?: Gender;

packages/plattform-komponenter/src/PersonCard/PersonCard.stories.tsx

@@ -2,7 +2,8 @@ import { HStack, Tag, VStack } from '@navikt/ds-react';
 import { Meta, StoryObj } from '@storybook/react';
 
 import { EmptyPersonCard } from './EmptyPersonCard';
-import { Gender, PersonCard } from './PersonCard';
+import { Gender } from './GenderIcon';
+import { PersonCard } from './PersonCard';
 
 const meta = {
   component: PersonCard,

packages/plattform-komponenter/src/PersonCard/PersonCard.tsx

@@ -5,17 +5,11 @@ import { BodyShort, Button, CopyButton, HStack, Link, Popover, Tooltip } from '@
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 
-import { GenderIcon } from './GenderIcon';
+import { Gender, GenderIcon } from './GenderIcon';
 import { VisittKort } from './VisittKort';
 
 dayjs.extend(customParseFormat);
 
-export enum Gender {
-  male = 'male',
-  female = 'female',
-  unknown = 'unknown',
-}
-
 export interface Props {
   name: string;
   fodselsnummer: string;

vite.config.ts

@@ -1,5 +1,6 @@
 import react from '@vitejs/plugin-react';
 import { defineConfig as defineViteConfig, mergeConfig } from 'vite';
+import circleDependency from 'vite-plugin-circular-dependency';
 import dts from 'vite-plugin-dts';
 import { defineConfig as defineVitestConfig } from 'vitest/config';
 
@@ -22,6 +23,7 @@ const viteConfig = defineViteConfig({
       insertTypesEntry: true,
       copyDtsFiles: true,
     }),
+    circleDependency(),
   ],
   css: {
     modules: {

yarn.lock

@@ -4240,7 +4240,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rollup/pluginutils@npm:^5.1.4":
+"@rollup/pluginutils@npm:^5.1.0, @rollup/pluginutils@npm:^5.1.4":
   version: 5.1.4
   resolution: "@rollup/pluginutils@npm:5.1.4"
   dependencies:
@@ -9422,6 +9422,7 @@ __metadata:
     typescript: 5.8.2
     typescript-eslint: 8.26.0
     vite: 6.2.1
+    vite-plugin-circular-dependency: 0.5.0
     vite-plugin-dts: 4.5.3
     vitest: 3.0.8
   languageName: unknown
@@ -16411,6 +16412,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vite-plugin-circular-dependency@npm:0.5.0":
+  version: 0.5.0
+  resolution: "vite-plugin-circular-dependency@npm:0.5.0"
+  dependencies:
+    "@rollup/pluginutils": ^5.1.0
+    chalk: ^4.1.2
+  checksum: 921a95a524855fa80fde91f3c0911b5309ade4c6a1321bf5e0e3bfd6e35049049c7bede5e671a8f08b1cf533aebad84c78d2b1cae22db39938a60a1f7d8d5037
+  languageName: node
+  linkType: hard
+
 "vite-plugin-dts@npm:4.5.3":
   version: 4.5.3
   resolution: "vite-plugin-dts@npm:4.5.3"