@yworks/react-yfiles-company-ownership 2.0.0 → 2.1.0

package/README.md

@@ -26,12 +26,12 @@ You can learn how to work with the yFiles npm module in our [Developer’s Guide
    In addition to yFiles, the Company Ownership component requires React to be installed in your project.
    If you want to start your project from scratch, we recommend using vite:
    ```
-   npm create vite@6.1.1 my-company-ownership-app -- --template react-ts
+   npm create vite@latest my-company-ownership-app -- --template react-ts
    ```
 
    Add the yFiles dependency:
    ```
-   npm install <yFiles package path>/lib/yfiles-30.0.0+dev.tgz
+   npm install <yFiles package path>/lib-dev/yfiles-30.0.4+dev.tgz
    ```
 
    <details>
@@ -41,9 +41,9 @@ You can learn how to work with the yFiles npm module in our [Developer’s Guide
 
    ```json
       "dependencies": {
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "@yfiles/yfiles": "./lib/yfiles-30.0.0+dev.tgz"
+        "react": "^19.2.0",
+        "react-dom": "^19.2.0",
+        "@yfiles/yfiles": "./lib-dev/yfiles-30.0.4+dev.tgz"
      }
    ```
    </details>

package/dist/{WebWorkerSupport--b5sER2j.d.ts → WebWorkerSupport-Dx-6m29c.d.ts}

@@ -154,7 +154,7 @@ type CompanyOwnershipData<TEntity extends Entity = Entity, TConnection extends C
 type LayoutDirection = 'left-to-right' | 'right-to-left' | 'top-to-bottom' | 'bottom-to-top';
 /**
  * Style describing the visual representation of an edge in the graph.
- * See {@link https://docs.yworks.com/yfileshtml/#/api/HierarchicLayoutEdgeRoutingStyle}
+ * See {@link https://docs.yworks.com/yfileshtml/#/api/HierarchicalLayoutEdgeRoutingStyle}
  */
 type EdgeRoutingStyle = 'orthogonal' | 'curved' | 'octilinear' | 'polyline';
 /**

package/dist/WebWorkerSupport.d.ts

@@ -1,5 +1,5 @@
 import '@yfiles/yfiles';
-export { r as createLayout, i as initializeWebWorker } from './WebWorkerSupport--b5sER2j.js';
+export { r as createLayout, i as initializeWebWorker } from './WebWorkerSupport-Dx-6m29c.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@yworks/react-yfiles-core';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { ComponentType } from 'react';
 import { CSSProperties } from 'react';
 import { GraphComponent } from '@yfiles/yfiles';
-import { JSX as JSX_2 } from 'react';
+import { JSX } from 'react';
 import { PropsWithChildren } from 'react';
 import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -451,7 +451,7 @@ export declare interface ControlButton {
     /**
      * The url or element to be used as the button icon.
      */
-    icon?: string | JSX_2.Element;
+    icon?: string | JSX.Element;
     /**
      * The class name to style the control button.
      */
@@ -554,7 +554,7 @@ export declare function DefaultControlButtons(): ControlButton[];
 
 /**
  * Style describing the visual representation of an edge in the graph.
- * See {@link https://docs.yworks.com/yfileshtml/#/api/HierarchicLayoutEdgeRoutingStyle}
+ * See {@link https://docs.yworks.com/yfileshtml/#/api/HierarchicalLayoutEdgeRoutingStyle}
  */
 export declare type EdgeRoutingStyle = 'orthogonal' | 'curved' | 'octilinear' | 'polyline';
 

package/dist/index.js

@@ -945,6 +945,10 @@ var CompanyOwnershipProvider = withGraphComponentProvider(
       return children;
     }
     const CompanyOwnership2 = useMemo(() => {
+      const previousModel = graphComponent.htmlElement["companyOwnerhsip"];
+      if (previousModel) {
+        return previousModel;
+      }
       const fullGraph = new Graph2();
       graphComponent.htmlElement.style.backgroundColor = componentBackgroundColor;
       graphComponent.viewportLimiter.policy = ViewportLimitingPolicy.WITHIN_MARGINS;
@@ -954,7 +958,13 @@ var CompanyOwnershipProvider = withGraphComponentProvider(
       const layoutSupport = new LayoutSupport(graphComponent);
       const collapsibleTree = new CollapsibleTree(graphComponent, fullGraph, layoutSupport);
       graphComponent.graph = collapsibleTree.filteredGraph;
-      return createCompanyOwnershipModel(graphComponent, collapsibleTree, layoutSupport);
+      const companyOwnerShipModel = createCompanyOwnershipModel(
+        graphComponent,
+        collapsibleTree,
+        layoutSupport
+      );
+      graphComponent.htmlElement["companyOwnerhsip"] = companyOwnerShipModel;
+      return companyOwnerShipModel;
     }, []);
     return /* @__PURE__ */ jsx(CompanyOwnershipContext.Provider, { value: CompanyOwnership2, children });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yworks/react-yfiles-company-ownership",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "author": {
     "name": "yFiles for HTML team @ yWorks GmbH",
     "email": "yfileshtml@yworks.com"
@@ -43,19 +43,19 @@
     "build": "tsup --clean --dts --format esm --entry.index src/index.ts --entry.WebWorkerSupport src/core/WebWorkerSupport.ts && api-extractor run --local"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": ">=18",
+    "react-dom": ">=18",
     "@yfiles/yfiles": ">=30"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "^7.39.1",
-    "@types/react": "^18.2.15",
-    "@types/react-dom": "^18.2.7",
-    "tsup": "^8.0.1",
-    "typescript": "^5.3.2"
+    "@microsoft/api-extractor": "^7.55.2",
+    "@types/react": ">=18",
+    "@types/react-dom": ">=18",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@yworks/react-yfiles-core": "^3.0.0"
+    "@yworks/react-yfiles-core": "^3.1.0"
   },
   "files": [
     "LICENSE",