Merge pull request #11 from yWorks/dev

v1.2.0 added measure trigger

Author: jens-yworks

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yworks/react-yfiles-core",
-  "version": "1.2.0-beta.3",
+  "version": "1.2.0",
   "author": {
     "name": "yFiles for HTML team @ yWorks GmbH",
     "email": "[email protected]"

src/graph-component/ReactNodeRendering.tsx

@@ -47,6 +47,7 @@ type NodeMeasurementProps<TDataItem extends SizedDataItem> = {
   nodeSize?: { width: number; height: number }
   maxSize?: { width: number; height: number }
   onMeasured?: () => void
+  measureTrigger?: boolean
 }
 
 type RenderNodesProps<TDataItem> = {
@@ -67,7 +68,8 @@ export function ReactNodeRendering<TDataItem extends SizedDataItem>({
   maxSize,
   onMeasured,
   onRendered,
-  extraProps
+  extraProps,
+  measureTrigger
 }: ReactNodeRenderingProps<TDataItem>) {
   return (
     <>
@@ -76,6 +78,7 @@ export function ReactNodeRendering<TDataItem extends SizedDataItem>({
         nodeSize={nodeSize}
         maxSize={maxSize}
         onMeasured={onMeasured}
+        measureTrigger={measureTrigger}
       ></NodeMeasurement>
       <RenderNodes
         nodeInfos={nodeInfos}
@@ -95,7 +98,8 @@ function NodeMeasurement<TDataItem extends SizedDataItem>({
   nodeData,
   nodeSize,
   maxSize,
-  onMeasured
+  onMeasured,
+  measureTrigger
 }: NodeMeasurementProps<TDataItem>) {
   const graphComponent = useGraphComponent()!
 
@@ -158,7 +162,7 @@ function NodeMeasurement<TDataItem extends SizedDataItem>({
     return () => {
       myRef.current = []
     }
-  }, [graphComponent, nodeData, nodeSize])
+  }, [graphComponent, nodeData, nodeSize, measureTrigger])
 
   useLayoutEffect(() => {
     if (measureElements.length > 0 || nonReactNodes) {