Chore/person/update wc person (#4143)

* chore(people): update fusion-wc-person

* fix(people): update cookbook with new properties

* chore: update @equinor/fusion-wc-person to version 3.4.0 in development dependencies

* fix: copilot suggestions

Author: eikeland

.changeset/dev-portal_people-provider-wc-person.md

@@ -0,0 +1,6 @@
+---
+"@equinor/fusion-framework-dev-portal": patch
+"@equinor/fusion-framework-react-components-people-provider": patch
+---
+
+Internal: update `@equinor/fusion-wc-person` to `3.4.0` in development dependencies for dev portal and people provider packages; no public API changes.

cookbooks/app-react-people/package.json

@@ -29,7 +29,7 @@
     "@equinor/eds-icons": "^0.22.0",
     "@equinor/fusion-framework-module-navigation": "workspace:^",
     "@equinor/fusion-react-person": "^1.0.0",
-    "@equinor/fusion-wc-people": "^1.0.2",
+    "@equinor/fusion-wc-people": "^2.0.0",
     "@remix-run/router": "^1.8.0",
     "react-router-dom": "^6.16.0",
     "styled-components": "^6.0.7"

cookbooks/app-react-people/src/pages/ListItemPage.tsx

@@ -69,10 +69,10 @@ export const ListItemPage = () => {
       <FlexGridColumn>
         {persons.map(mapPersonToListItem)}
         {/*
-                  // Alternative way of mapping components, where the host people resolver is used.
-                  // Note this will cause the host to re-resolve each person and use the data from the host api. 
-                  persons.map(person => (<PersonListItem key={person.azureUniqueId} azureId={person.azureUniqueId} />))
-                 */}
+          Alternative way of mapping components, where the host people resolver is used.
+          Note this will cause the host to re-resolve each person and use the data from the host api.
+          persons.map(person => (<PersonListItem key={person.azureUniqueId} azureId={person.azureUniqueId} />))
+        */}
       </FlexGridColumn>
     </>
   );

cookbooks/app-react-people/src/pages/PeopleConceptPage.tsx

@@ -94,6 +94,7 @@ export const PeopleConceptPage = () => {
         <fwc-people-viewer
           // selected people state from People Picker
           people={JSON.stringify(selected)}
+          display="table"
         />
       </div>
     </div>

packages/dev-portal/package.json

@@ -31,7 +31,7 @@
     "@equinor/fusion-react-side-sheet": "2.0.0",
     "@equinor/fusion-react-styles": "^0.6.4",
     "@equinor/fusion-wc-chip": "^1.2.2",
-    "@equinor/fusion-wc-person": "^3.3.1",
+    "@equinor/fusion-wc-person": "^3.4.0",
     "@material-ui/styles": "^4.11.5",
     "@types/dotenv": "^8.2.3",
     "@types/react": "^18.2.50",

packages/react/components/people-resolver/package.json

@@ -36,7 +36,7 @@
     "@equinor/fusion-framework-module-app": "workspace:^",
     "@equinor/fusion-framework-module-bookmark": "workspace:^",
     "@equinor/fusion-framework-module-event": "workspace:^",
-    "@equinor/fusion-wc-person": "^3.3.1",
+    "@equinor/fusion-wc-person": "^3.4.0",
     "@types/react": "^18.2.50",
     "react": "^18.2.0",
     "typescript": "^5.8.2"