[Property grid]: update deps

change/@itwin-property-grid-react-8367431f-b9d7-46b2-86c8-533d9857b0ae.json

@@ -1,7 +1,7 @@
 {
-  "type": "none",
+  "type": "patch",
   "comment": "DevDependency update",
   "packageName": "@itwin/property-grid-react",
   "email": "[email protected]",
-  "dependentChangeType": "none"
+  "dependentChangeType": "patch"
 }

packages/itwin/property-grid/package.json

@@ -66,7 +66,7 @@
   "dependencies": {
     "@itwin/itwinui-icons-react": "^2.8.0",
     "@itwin/itwinui-illustrations-react": "^2.1.0",
-    "@itwin/itwinui-react": "^3.5.0",
+    "@itwin/itwinui-react": "^3.15.5",
     "classnames": "^2.3.1",
     "react-error-boundary": "^4.0.10"
   },

packages/itwin/property-grid/src/hooks/UseContextMenu.tsx

@@ -3,7 +3,7 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { DropdownMenu, Flex, MenuItem } from "@itwin/itwinui-react";
 import { FavoritePropertiesScope, Presentation } from "@itwin/presentation-frontend";
 import { copyToClipboard } from "../api/WebUtilities";
@@ -92,9 +92,16 @@ export interface FavoritePropertiesContextMenuItemProps extends DefaultContextMe
  */
 export function AddFavoritePropertyContextMenuItem({ field, imodel, scope, onSelect }: FavoritePropertiesContextMenuItemProps) {
   const currentScope = scope ?? FavoritePropertiesScope.IModel;
-  if (!field || Presentation.favoriteProperties.has(field, imodel, currentScope)) {
-    return null;
-  }
+  const [hasFavorite, setHasFavorite] = useState(false);
+
+  useEffect(() => {
+    field &&
+      Presentation.favoriteProperties.hasAsync(field, imodel, currentScope).then((has) => {
+        return setHasFavorite(!has);
+      });
+  }, [currentScope, field, imodel]);
+
+  if (!hasFavorite || !field) return null;
 
   const defaultAction = async () => Presentation.favoriteProperties.add(field, imodel, currentScope);
 
@@ -122,9 +129,16 @@ export function AddFavoritePropertyContextMenuItem({ field, imodel, scope, onSel
  */
 export function RemoveFavoritePropertyContextMenuItem({ field, imodel, scope, onSelect }: FavoritePropertiesContextMenuItemProps) {
   const currentScope = scope ?? FavoritePropertiesScope.IModel;
-  if (!field || !Presentation.favoriteProperties.has(field, imodel, currentScope)) {
-    return null;
-  }
+  const [hasFavorite, setHasFavorite] = useState(false);
+
+  useEffect(() => {
+    field &&
+      Presentation.favoriteProperties.hasAsync(field, imodel, currentScope).then((has) => {
+        return setHasFavorite(has);
+      });
+  }, [currentScope, field, imodel]);
+
+  if (!hasFavorite || !field) return null;
 
   const defaultAction = async () => Presentation.favoriteProperties.remove(field, imodel, currentScope);