@xyflow/react 12.0.0-next.0

package/dist/umd/utils/general.d.ts

@@ -0,0 +1,65 @@
+import type { Edge, Node } from '../types';
+/**
+ * Test whether an object is useable as a Node
+ * @public
+ * @remarks In TypeScript this is a type guard that will narrow the type of whatever you pass in to Node if it returns true
+ * @param element - The element to test
+ * @returns A boolean indicating whether the element is an Node
+ */
+export declare const isNode: (element: any) => element is Node<any, string | undefined>;
+/**
+ * Test whether an object is useable as an Edge
+ * @public
+ * @remarks In TypeScript this is a type guard that will narrow the type of whatever you pass in to Edge if it returns true
+ * @param element - The element to test
+ * @returns A boolean indicating whether the element is an Edge
+ */
+export declare const isEdge: (element: any) => element is Edge<any>;
+/**
+ * Pass in a node, and get connected nodes where edge.source === node.id
+ * @public
+ * @param node - The node to get the connected nodes from
+ * @param nodes - The array of all nodes
+ * @param edges - The array of all edges
+ * @returns An array of nodes that are connected over eges where the source is the given node
+ */
+export declare const getOutgoers: (node: Node<any, string | undefined> | {
+    id: string;
+}, nodes: Node<any, string | undefined>[], edges: Edge<any>[]) => Node<any, string | undefined>[];
+/**
+ * Pass in a node, and get connected nodes where edge.target === node.id
+ * @public
+ * @param node - The node to get the connected nodes from
+ * @param nodes - The array of all nodes
+ * @param edges - The array of all edges
+ * @returns An array of nodes that are connected over eges where the target is the given node
+ */
+export declare const getIncomers: (node: Node<any, string | undefined> | {
+    id: string;
+}, nodes: Node<any, string | undefined>[], edges: Edge<any>[]) => Node<any, string | undefined>[];
+/**
+ * This util is a convenience function to add a new Edge to an array of edges
+ * @remarks It also performs some validation to make sure you don't add an invalid edge or duplicate an existing one.
+ * @public
+ * @param edgeParams - Either an Edge or a Connection you want to add
+ * @param edges -  The array of all current edges
+ * @returns A new array of edges with the new edge added
+ */
+export declare const addEdge: (edgeParams: Edge<any> | import("@xyflow/system").Connection, edges: Edge<any>[]) => Edge<any>[];
+/**
+ * A handy utility to update an existing Edge with new properties
+ * @param oldEdge - The edge you want to update
+ * @param newConnection - The new connection you want to update the edge with
+ * @param edges - The array of all current edges
+ * @param options.shouldReplaceId - should the id of the old edge be replaced with the new connection id
+ * @returns the updated edges array
+ */
+export declare const updateEdge: (oldEdge: Edge<any>, newConnection: import("@xyflow/system").Connection, edges: Edge<any>[], options?: import("@xyflow/system").UpdateEdgeOptions | undefined) => Edge<any>[];
+/**
+ * Get all connecting edges for a given set of nodes
+ * @param nodes - Nodes you want to get the connected edges for
+ * @param edges - All edges
+ * @returns Array of edges that connect any of the given nodes with each other
+ */
+export declare const getConnectedEdges: (nodes: Node<any, string | undefined>[], edges: Edge<any>[]) => Edge<any>[];
+//# sourceMappingURL=general.d.ts.map

package/dist/umd/utils/general.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/utils/general.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAE3C;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,4DAAmB,CAAC;AAEvC;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,wCAAmB,CAAC;AAEvC;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW;;iGAA8B,CAAC;AAEvD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW;;iGAA8B,CAAC;AAEvD;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,kGAAoB,CAAC;AAEzC;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,+KAAuB,CAAC;AAE/C;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,6EAAoC,CAAC"}

package/dist/umd/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './changes';
+export * from './general';
+//# sourceMappingURL=index.d.ts.map

package/dist/umd/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}

package/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "@xyflow/react",
+  "version": "12.0.0-next.0",
+  "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
+  "keywords": [
+    "react",
+    "node-based UI",
+    "graph",
+    "diagram",
+    "workflow",
+    "react-flow",
+    "xyflow"
+  ],
+  "files": [
+    "dist"
+  ],
+  "source": "src/index.ts",
+  "main": "dist/umd/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/umd/index.js"
+    },
+    "./dist/base.css": "./dist/base.css",
+    "./dist/style.css": "./dist/style.css"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/xyflow/xyflow.git",
+    "directory": "packages/react"
+  },
+  "dependencies": {
+    "@types/d3": "^7.4.0",
+    "@types/d3-drag": "^3.0.1",
+    "@types/d3-selection": "^3.0.3",
+    "classcat": "^5.0.3",
+    "d3-drag": "^3.0.0",
+    "d3-selection": "^3.0.0",
+    "zustand": "^4.4.0",
+    "@xyflow/system": "0.0.13"
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17"
+  },
+  "devDependencies": {
+    "@types/node": "^18.7.16",
+    "@types/react": ">=17",
+    "@types/react-dom": ">=17",
+    "autoprefixer": "^10.4.15",
+    "cssnano": "^6.0.1",
+    "postcss": "^8.4.21",
+    "postcss-cli": "^11.0.0",
+    "postcss-combine-duplicated-selectors": "^10.0.3",
+    "postcss-import": "^15.1.0",
+    "postcss-nested": "^6.0.0",
+    "postcss-rename": "^0.6.1",
+    "react": "^18.2.0",
+    "typescript": "5.1.3",
+    "@xyflow/rollup-config": "0.0.0",
+    "@xyflow/tsconfig": "0.0.0",
+    "@xyflow/eslint-config": "0.0.0"
+  },
+  "rollup": {
+    "globals": {
+      "classcat": "cc",
+      "d3-selection": "d3Selection",
+      "d3-drag": "d3Drag",
+      "zustand": "zustand",
+      "zustand/shallow": "zustandShallow"
+    },
+    "name": "ReactFlow"
+  },
+  "scripts": {
+    "dev": "concurrently \"rollup --config node:@xyflow/rollup-config --watch\" pnpm:css-watch",
+    "build": "rollup --config node:@xyflow/rollup-config --environment NODE_ENV:production && npm run css",
+    "css": "postcss src/styles/{base,style}.css --config ./../../tooling/postcss-config/ --dir dist ",
+    "css-watch": "pnpm css --watch",
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
+    "typecheck": "tsc --noEmit"
+  }
+}