REA-459, REA-461, REA-462, REA-463, REA-464: update core, viewport limiter and selection fixes

Author: evmorfiaargyriou

README.md

@@ -35,7 +35,7 @@ You can learn how to work with the yFiles npm module in our [Developer’s Guide
 
    Add the yFiles dependency:
    ```
-   npm install <yFiles package path>/lib-dev/yfiles-26.0.0+dev.tgz
+   npm install <yFiles package path>/lib-dev/yfiles-30.0.0+dev.tgz
    ```
 
    <details>
@@ -47,7 +47,7 @@ You can learn how to work with the yFiles npm module in our [Developer’s Guide
       "dependencies": {
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "yfiles": "./lib-dev/yfiles-26.0.0.tgz"
+        "@yfiles/yfiles": "./lib-dev/yfiles-30.0.0.tgz"
      }
    ```
    </details>

package.json

@@ -60,7 +60,7 @@
     "typescript": "^5.3.2"
   },
   "dependencies": {
-    "@yworks/react-yfiles-core": "^2.0.0"
+    "@yworks/react-yfiles-core": "^3.0.0"
   },
   "files": [
     "LICENSE",

src/core/SingleSelectionHelper.ts

@@ -11,8 +11,6 @@ import {
   CanExecuteCommandArgs
 } from '@yfiles/yfiles'
 
-// TODO move to core?
-
 type Recognizer = (evt: EventArgs, eventSource: any) => boolean
 
 let commandBindings: KeyboardInputModeBinding[] = []

src/core/input.ts

@@ -68,7 +68,6 @@ export function initializeHover(
     }
   }
   inputMode.itemHoverInputMode.addEventListener('hovered-item-changed', hoverItemChangedListener)
-  inputMode.itemHoverInputMode.hoverItems = GraphItemTypes.NODE
   return hoverItemChangedListener
 }
 
@@ -146,8 +145,7 @@ export function initializeSelection(
  * Initializes the highlights for selected or focused elements.
  */
 function initializeHighlights(graphComponent: GraphComponent): void {
-  graphComponent.selectionIndicatorManager.enabled = false
-
-  // Hide the default focus highlight in favor of the CSS highlighting from the template styles
-  graphComponent.focusIndicatorManager.enabled = false
+  // Hide the default select/focus highlight in favor of the CSS highlighting from the template styles
+  graphComponent.graph.decorator.nodes.selectionRenderer.hide()
+  graphComponent.graph.decorator.nodes.focusRenderer.hide()
 }