@committed/components-graph-react - npm Package Compare versions

Comparing version 3.0.1 to 3.1.0

dist/graph/layouts/Cola.d.ts

 /// <reference types="cytoscape" />
 export declare const cola: {
     name: string;
-    animate: boolean;
     refresh: number;
@@ -21,3 +20,2 @@ maxSimulationTime: number;
     name: string;
-    animate: boolean;
     refresh: number;
@@ -37,12 +35,14 @@ maxSimulationTime: number;
     allConstIter: undefined;
-    fit: boolean;
+    fit?: boolean | undefined;
     padding?: number | undefined;
-    boundingBox: import("cytoscape").BoundingBox12 | import("cytoscape").BoundingBoxWH | undefined;
+    boundingBox?: import("cytoscape").BoundingBox12 | import("cytoscape").BoundingBoxWH | undefined;
     ready?: import("cytoscape").LayoutHandler | undefined;
     stop?: import("cytoscape").LayoutHandler | undefined;
+    transform?(node: import("cytoscape").NodeSingular, position: import("cytoscape").Position): import("cytoscape").Position;
+    animate?: boolean | undefined;
     animationDuration?: number | undefined;
     animationEasing?: import("cytoscape").Css.TransitionTimingFunction | undefined;
+    animateFilter?(node: import("cytoscape").NodeSingular, index: number): boolean;
 } | {
     name: string;
-    animate: boolean;
     refresh: number;
@@ -64,5 +64,5 @@ maxSimulationTime: number;
     stop?: import("cytoscape").LayoutHandler | undefined;
+    transform?(node: import("cytoscape").NodeSingular, position: import("cytoscape").Position): import("cytoscape").Position;
 } | {
     name: string;
-    animate: boolean;
     refresh: number;
@@ -89,7 +89,9 @@ maxSimulationTime: number;
     stop?: import("cytoscape").LayoutHandler | undefined;
+    transform?(node: import("cytoscape").NodeSingular, position: import("cytoscape").Position): import("cytoscape").Position;
+    animate?: boolean | undefined;
     animationDuration?: number | undefined;
     animationEasing?: import("cytoscape").Css.TransitionTimingFunction | undefined;
+    animateFilter?(node: import("cytoscape").NodeSingular, index: number): boolean;
 } | {
     name: string;
-    animate: boolean;
     refresh: number;
@@ -110,14 +112,14 @@ maxSimulationTime: number;
     avoidOverlapPadding?: number | undefined;
-    condense: boolean;
+    condense?: boolean | undefined;
     rows?: number | undefined;
     cols?: number | undefined;
-    position(node: import("cytoscape").NodeSingular): {
+    position?(node: import("cytoscape").NodeSingular): {
         row: number;
         col: number;
     };
-    fit: boolean;
+    fit?: boolean | undefined;
     padding?: number | undefined;
     boundingBox?: import("cytoscape").BoundingBox12 | import("cytoscape").BoundingBoxWH | undefined;
     avoidOverlap?: boolean | undefined;
-    nodeDimensionsIncludeLabels: boolean;
+    nodeDimensionsIncludeLabels?: boolean | undefined;
     spacingFactor?: number | undefined;
@@ -127,7 +129,9 @@ sort?: import("cytoscape").SortingFunction | undefined;
     stop?: import("cytoscape").LayoutHandler | undefined;
+    transform?(node: import("cytoscape").NodeSingular, position: import("cytoscape").Position): import("cytoscape").Position;
+    animate?: boolean | undefined;
     animationDuration?: number | undefined;
     animationEasing?: import("cytoscape").Css.TransitionTimingFunction | undefined;
+    animateFilter?(node: import("cytoscape").NodeSingular, index: number): boolean;
 } | {
     name: string;
-    animate: boolean;
     refresh: number;
@@ -148,10 +152,10 @@ maxSimulationTime: number;
     radius?: number | undefined;
-    startAngle: number;
+    startAngle?: number | undefined;
     sweep?: number | undefined;
     clockwise?: boolean | undefined;
-    fit: boolean;
+    fit?: boolean | undefined;
     padding?: number | undefined;
     boundingBox?: import("cytoscape").BoundingBox12 | import("cytoscape").BoundingBoxWH | undefined;
     avoidOverlap?: boolean | undefined;
-    nodeDimensionsIncludeLabels: boolean;
+    nodeDimensionsIncludeLabels?: boolean | undefined;
     spacingFactor?: number | undefined;
@@ -161,7 +165,9 @@ sort?: import("cytoscape").SortingFunction | undefined;
     stop?: import("cytoscape").LayoutHandler | undefined;
+    transform?(node: import("cytoscape").NodeSingular, position: import("cytoscape").Position): import("cytoscape").Position;
+    animate?: boolean | undefined;
     animationDuration?: number | undefined;
     animationEasing?: import("cytoscape").Css.TransitionTimingFunction | undefined;
+    animateFilter?(node: import("cytoscape").NodeSingular, index: number): boolean;
 } | {
     name: string;
-    animate: boolean;
     refresh: number;
@@ -181,29 +187,31 @@ maxSimulationTime: number;
     allConstIter: undefined;
-    startAngle: number;
+    startAngle?: number | undefined;
     sweep?: number | undefined;
     clockwise?: boolean | undefined;
-    equidistant: false;
-    minNodeSpacing: 10;
-    height: undefined;
-    width: undefined;
-    spacingFactor: undefined;
-    concentric(node: {
+    equidistant?: boolean | undefined;
+    minNodeSpacing?: number | undefined;
+    height?: number | undefined;
+    width?: number | undefined;
+    spacingFactor?: number | undefined;
+    concentric?(node: {
         degree(): number;
     }): number;
-    levelWidth(node: {
+    levelWidth?(node: {
         maxDegree(): number;
     }): number;
-    fit: boolean;
+    fit?: boolean | undefined;
     padding?: number | undefined;
     boundingBox?: import("cytoscape").BoundingBox12 | import("cytoscape").BoundingBoxWH | undefined;
     avoidOverlap?: boolean | undefined;
-    nodeDimensionsIncludeLabels: boolean;
+    nodeDimensionsIncludeLabels?: boolean | undefined;
     sort?: import("cytoscape").SortingFunction | undefined;
     ready?: import("cytoscape").LayoutHandler | undefined;
     stop?: import("cytoscape").LayoutHandler | undefined;
+    transform?(node: import("cytoscape").NodeSingular, position: import("cytoscape").Position): import("cytoscape").Position;
+    animate?: boolean | undefined;
     animationDuration?: number | undefined;
     animationEasing?: import("cytoscape").Css.TransitionTimingFunction | undefined;
+    animateFilter?(node: import("cytoscape").NodeSingular, index: number): boolean;
 } | {
     name: string;
-    animate: boolean;
     refresh: number;
@@ -223,11 +231,14 @@ maxSimulationTime: number;
     allConstIter: undefined;
-    directed: boolean;
-    circle: boolean;
+    directed?: boolean | undefined;
+    circle?: boolean | undefined;
     roots?: string[] | undefined;
-    maximalAdjustments: number;
-    fit: boolean;
+    maximalAdjustments?: number | undefined;
+    maximal?: boolean | undefined;
+    grid?: boolean | undefined;
+    depthSort?: ((a: import("cytoscape").NodeSingular, b: import("cytoscape").NodeSingular) => number) | undefined;
+    fit?: boolean | undefined;
     padding?: number | undefined;
     boundingBox?: import("cytoscape").BoundingBox12 | import("cytoscape").BoundingBoxWH | undefined;
     avoidOverlap?: boolean | undefined;
-    nodeDimensionsIncludeLabels: boolean;
+    nodeDimensionsIncludeLabels?: boolean | undefined;
     spacingFactor?: number | undefined;
@@ -237,7 +248,9 @@ sort?: import("cytoscape").SortingFunction | undefined;
     stop?: import("cytoscape").LayoutHandler | undefined;
+    transform?(node: import("cytoscape").NodeSingular, position: import("cytoscape").Position): import("cytoscape").Position;
+    animate?: boolean | undefined;
     animationDuration?: number | undefined;
     animationEasing?: import("cytoscape").Css.TransitionTimingFunction | undefined;
+    animateFilter?(node: import("cytoscape").NodeSingular, index: number): boolean;
 } | {
     name: string;
-    animate: boolean;
     refresh: number;
@@ -257,20 +270,21 @@ maxSimulationTime: number;
     allConstIter: undefined;
-    randomize: boolean;
-    componentSpacing: number;
-    nodeRepulsion(node: any): number;
-    nodeOverlap: number;
-    idealEdgeLength(edge: any): number;
-    edgeElasticity(edge: any): number;
-    nestingFactor: number;
-    gravity: number;
-    numIter: number;
-    initialTemp: number;
-    coolingFactor: number;
-    minTemp: number;
-    weaver: boolean;
-    fit: boolean;
+    randomize?: boolean | undefined;
+    componentSpacing?: number | undefined;
+    nodeRepulsion?(node: any): number;
+    nodeOverlap?: number | undefined;
+    idealEdgeLength?(edge: any): number;
+    edgeElasticity?(edge: any): number;
+    nestingFactor?: number | undefined;
+    gravity?: number | undefined;
+    numIter?: number | undefined;
+    initialTemp?: number | undefined;
+    coolingFactor?: number | undefined;
+    minTemp?: number | undefined;
+    weaver?: boolean | undefined;
+    animationThreshold?: number | undefined;
+    fit?: boolean | undefined;
     padding?: number | undefined;
     boundingBox?: import("cytoscape").BoundingBox12 | import("cytoscape").BoundingBoxWH | undefined;
     avoidOverlap?: boolean | undefined;
-    nodeDimensionsIncludeLabels: boolean;
+    nodeDimensionsIncludeLabels?: boolean | undefined;
     spacingFactor?: number | undefined;
@@ -280,4 +294,7 @@ sort?: import("cytoscape").SortingFunction | undefined;
     stop?: import("cytoscape").LayoutHandler | undefined;
+    transform?(node: import("cytoscape").NodeSingular, position: import("cytoscape").Position): import("cytoscape").Position;
+    animate?: boolean | undefined;
     animationDuration?: number | undefined;
     animationEasing?: import("cytoscape").Css.TransitionTimingFunction | undefined;
+    animateFilter?(node: import("cytoscape").NodeSingular, index: number): boolean;
 };

dist/graph/types/index.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="cytoscape" />
 import { DecoratedNode, GraphModel, PresetGraphLayout } from '@committed/graph';
@@ -17,1 +18,21 @@ import { FC } from 'react';
 }
+export interface CoseBilkentLayoutOptions extends cytoscape.ShapedLayoutOptions {
+    name: 'cose-bilkent';
+    quality: 'draft' | 'default' | 'proof';
+    nodeDimensionsIncludeLabels: boolean;
+    refresh: number;
+    randomize: boolean;
+    nodeRepulsion: number;
+    idealEdgeLength: number;
+    edgeElasticity: number;
+    nestingFactor: number;
+    gravity: number;
+    numIter: number;
+    tile: true;
+    tilingPaddingVertical: number;
+    tilingPaddingHorizontal: number;
+    gravityRangeCompound: number;
+    gravityCompound: number;
+    gravityRange: number;
+    initialEnergyOnIncremental: number;
+}

package.json

 {
   "name": "@committed/components-graph-react",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "Committed Components Graph for react",
@@ -57,4 +57,7 @@ "author": "Committed",
   "dependencies": {
-    "cytoscape-cola": "^2.4.0",
-    "@committed/graph": "3.0.1",
+    "@committed/graph": "3.1.0",
+    "cytoscape": "^3.23.0",
+    "cytoscape-cola": "^2.5.1",
+    "cytoscape-cose-bilkent": "^4.1.0",
+    "cytoscape-dagre": "^2.5.0",
     "react-cytoscapejs": "^1.2.1",
@@ -61,0 +64,0 @@ "tinycolor2": "^1.4.2",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Improved metrics

Number of package files

50

increased by8.7%

Number of medium supply chain risk alerts

1

decreased by-66.67%

Worsened metrics

Total package byte prevSize

5530490

decreased by-39.96%

Dependency count

12

increased by33.33%

Lines of code

1161

decreased by-69.92%

Dependency changes

• + Addedcytoscape@^3.23.0

• + Addedcytoscape-cose-bilkent@^4.1.0

• + Addedcytoscape-dagre@^2.5.0

• + Added@committed/graph@3.1.0(transitive)

• + Addedcose-base@1.0.3(transitive)

• + Addedcytoscape-cose-bilkent@4.1.0(transitive)

• + Addedcytoscape-dagre@2.5.0(transitive)

• + Addeddagre@0.8.5(transitive)

• + Addedgraphlib@2.1.8(transitive)

• + Addedlayout-base@1.0.2(transitive)

• + Addedlodash@4.17.21(transitive)

• - Removed@committed/graph@3.0.1(transitive)

• Updated@committed/graph@3.1.0

• Updatedcytoscape-cola@^2.5.1