react-cosmos-diagram 0.0.0

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

@@ -0,0 +1,23 @@
+import { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
+import { PortType } from '../components/Port/type';
+import { ErrorMessageCode } from '../fixtures/errorMessages';
+export type OnError = (id: ErrorMessageCode, message?: string) => void;
+export type Viewport = {
+    x: number;
+    y: number;
+    zoom: number;
+};
+export interface Connection {
+    source: string | null;
+    target: string | null;
+}
+export type OnConnect = (connection: Connection) => void;
+export type OnConnectStartParams = {
+    nodeId: string | null;
+    portType: PortType | null;
+};
+export type OnConnectStart = (event: ReactMouseEvent | ReactTouchEvent, params: OnConnectStartParams) => void;
+export type OnConnectEnd = (event: MouseEvent | TouchEvent) => void;
+export type GridStep = [number, number];
+export type OnMove = (event: MouseEvent | TouchEvent, viewport: Viewport) => void;
+//# sourceMappingURL=general.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/types/general.ts"],"names":[],"mappings":"AAAA,OAAO,EACJ,UAAU,IAAI,eAAe,EAC7B,UAAU,IAAI,eAAe,EAC/B,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,MAAM,OAAO,GAAG,CAAC,EAAE,EAAE,gBAAgB,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;AAEvE,MAAM,MAAM,QAAQ,GAAG;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,UAAU;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,MAAM,MAAM,SAAS,GAAG,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG;IAChC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,CAC1B,KAAK,EAAE,eAAe,GAAG,eAAe,EACxC,MAAM,EAAE,oBAAoB,KAC1B,IAAI,CAAC;AAEV,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC;AAEpE,MAAM,MAAM,QAAQ,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAExC,MAAM,MAAM,MAAM,GAAG,CAClB,KAAK,EAAE,UAAU,GAAG,UAAU,EAC9B,QAAQ,EAAE,QAAQ,KAChB,IAAI,CAAC"}

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

@@ -0,0 +1,12 @@
+export * from './utils';
+export * from './general';
+export * from '../hooks/useNodesEdgesState/type';
+export * from '../hooks/useDrag/type';
+export * from '../components/Node/type';
+export * from '../components/Edges/type';
+export * from '../components/Port/type';
+export * from '../components/ReactDiagramProvider/type';
+export * from '../container/NodeRenderer/type';
+export * from '../container/EdgeRenderer/type';
+export * from './core';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAE1B,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AAEtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AAExC,cAAc,yCAAyC,CAAC;AAExD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAE/C,cAAc,QAAQ,CAAC"}

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

@@ -0,0 +1,26 @@
+export declare enum Position {
+    Left = "left",
+    Top = "top",
+    Right = "right",
+    Bottom = "bottom"
+}
+export interface XYPosition {
+    x: number;
+    y: number;
+}
+export type XYZPosition = XYPosition & {
+    z: number;
+};
+export interface Dimensions {
+    width: number;
+    height: number;
+}
+export type CoordinateExtent = [[number, number], [number, number]];
+export type Transform = [number, number, number];
+export interface Rect extends Dimensions, XYPosition {
+}
+export interface Box extends XYPosition {
+    x2: number;
+    y2: number;
+}
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/types/utils.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IACjB,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;CACnB;AAED,MAAM,WAAW,UAAU;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG;IAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAErD,MAAM,WAAW,UAAU;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAEjD,MAAM,WAAW,IAAK,SAAQ,UAAU,EAAE,UAAU;CAAG;AAEvD,MAAM,WAAW,GAAI,SAAQ,UAAU;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACb"}

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

@@ -0,0 +1,12 @@
+import { NodeChange, EdgeChange } from '../hooks/useNodesEdgesState/type';
+import { Node } from '../components/Node/type';
+import { Edge } from '../components/Edges/type';
+export declare function applyNodeChanges<NodeData = any>(changes: NodeChange[], nodes: Node<NodeData>[]): Node<NodeData>[];
+export declare function applyEdgeChanges<EdgeData = any>(changes: EdgeChange[], edges: Edge<EdgeData>[]): Edge<EdgeData>[];
+export declare const createSelectionChange: (id: string, selected: boolean) => {
+    id: string;
+    type: string;
+    selected: boolean;
+};
+export declare function getSelectionChanges(items: any[], selectedIds: string[]): any;
+//# sourceMappingURL=changes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"changes.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/utils/changes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAiIhD,wBAAgB,gBAAgB,CAAC,QAAQ,GAAG,GAAG,EAC5C,OAAO,EAAE,UAAU,EAAE,EACrB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,GACvB,IAAI,CAAC,QAAQ,CAAC,EAAE,CAElB;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,GAAG,GAAG,EAC5C,OAAO,EAAE,UAAU,EAAE,EACrB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,GACvB,IAAI,CAAC,QAAQ,CAAC,EAAE,CAElB;AAED,eAAO,MAAM,qBAAqB,OAAQ,MAAM,YAAY,OAAO;;;;CAIjE,CAAC;AAEH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,OActE"}

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

@@ -0,0 +1,13 @@
+import { XYPosition, Rect, Transform, Edge, Connection } from '../types';
+import { Node, NodeOrigin, NodeInternals } from '../components/Node/type';
+import { EdgeMarkerType } from '../components/Edges/type';
+export declare const getNodePositionWithOrigin: (node: Node | undefined, nodeOrigin?: NodeOrigin) => XYPosition & {
+    positionAbsolute: XYPosition;
+};
+export declare const getNodesInside: (nodeInternals: NodeInternals, rect: Rect, [tx, ty, tScale]?: Transform, partially?: boolean, excludeNonSelectableNodes?: boolean, nodeOrigin?: NodeOrigin) => Node[];
+export declare const getMarkerId: (marker: EdgeMarkerType | undefined, rfId?: string) => string;
+export declare const addEdge: (edgeParams: Edge | Connection, edges: Edge[]) => Edge[];
+export declare const updateEdge: (oldEdge: Edge, newConnection: Connection, edges: Edge[], options?: {
+    shouldReplaceId: boolean;
+}) => Edge[];
+//# sourceMappingURL=graph.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/utils/graph.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,eAAO,MAAM,yBAAyB,SAC7B,IAAI,GAAG,SAAS,8BAEtB,UAAU,GAAG;IAAE,gBAAgB,EAAE,UAAU,CAAA;CA6B7C,CAAC;AAEF,eAAO,MAAM,cAAc,uCAElB,IAAI,sHAMV,IAAI,EA2CN,CAAC;AAEF,eAAO,MAAM,WAAW,WACb,cAAc,GAAG,SAAS,SAC3B,MAAM,KACb,MAeF,CAAC;AAWF,eAAO,MAAM,OAAO,eACL,IAAI,GAAG,UAAU,SACtB,IAAI,EAAE,KACb,IAAI,EAqBN,CAAC;AAEF,eAAO,MAAM,UAAU,YACX,IAAI,iBACE,UAAU,SAClB,IAAI,EAAE;;MAEb,IAAI,EAiBN,CAAC"}

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

@@ -0,0 +1,22 @@
+import { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
+import { ErrorMessageCode, errorMessages } from '../fixtures/errorMessages';
+import { Dimensions, Rect, XYPosition, CoordinateExtent, Box, OnError } from '../types';
+export declare const internalsSymbol: unique symbol;
+export declare const devWarn: (id: ErrorMessageCode, value?: string) => void;
+export declare const onErrorWrapper: (onError?: OnError) => (id: keyof typeof errorMessages, value?: string) => void | undefined;
+export declare const isNumeric: (n: any) => n is number;
+export declare const getDimensions: (node: HTMLDivElement) => Dimensions;
+export declare const getOverlappingArea: (rectA: Rect, rectB: Rect) => number;
+export declare const clamp: (val: number, min?: number, max?: number) => number;
+export declare const clampPosition: (position: XYPosition | undefined, extent: CoordinateExtent) => {
+    x: number;
+    y: number;
+};
+export declare const rectToBox: ({ x, y, width, height }: Rect) => Box;
+export declare const isMouseEvent: (event: MouseEvent | ReactMouseEvent | TouchEvent | ReactTouchEvent) => event is MouseEvent | ReactMouseEvent<Element, MouseEvent>;
+export declare const getEventPosition: (event: MouseEvent | ReactMouseEvent | TouchEvent | ReactTouchEvent, bounds?: DOMRect) => {
+    x: number;
+    y: number;
+};
+export declare const calcAutoPanPosition: (pos: XYPosition, bounds: Dimensions) => number[];
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACJ,UAAU,IAAI,eAAe,EAC7B,UAAU,IAAI,eAAe,EAC/B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,EACJ,UAAU,EACV,IAAI,EACJ,UAAU,EACV,gBAAgB,EAChB,GAAG,EACH,OAAO,EACT,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,eAAe,eAA0B,CAAC;AAEvD,eAAO,MAAM,OAAO,OAAQ,gBAAgB,UAAS,MAAM,SAI1D,CAAC;AAEF,eAAO,MAAM,cAAc,aACb,OAAO,UACb,MAAM,oBAAoB,UAAS,MAAM,qBACJ,CAAC;AAE9C,eAAO,MAAM,SAAS,MAAO,GAAG,gBAA0C,CAAC;AAE3E,eAAO,MAAM,aAAa,SAAU,cAAc,KAAG,UAGnD,CAAC;AAEH,eAAO,MAAM,kBAAkB,UAAW,IAAI,SAAS,IAAI,KAAG,MAa7D,CAAC;AAEF,eAAO,MAAM,KAAK,QAAS,MAAM,iCAAqB,MAClB,CAAC;AAErC,eAAO,MAAM,aAAa;;;CAMxB,CAAC;AAEH,eAAO,MAAM,SAAS,4BAA6B,IAAI,KAAG,GAKxD,CAAC;AAEH,eAAO,MAAM,YAAY,UACf,UAAU,GAAG,eAAe,GAAG,UAAU,GAAG,eAAe,+DACP,CAAC;AAE/D,eAAO,MAAM,gBAAgB,UACnB,UAAU,GAAG,eAAe,GAAG,UAAU,GAAG,eAAe,WACzD,OAAO;;;CAUlB,CAAC;AAkBF,eAAO,MAAM,mBAAmB,QACxB,UAAU,UACP,UAAU,KAClB,MAAM,EAKR,CAAC"}

package/package.json

@@ -0,0 +1,76 @@
+{
+   "name": "react-cosmos-diagram",
+   "version": "0.0.0",
+   "description": "React Diagram",
+   "scripts": {
+      "build": "rm -rf dist && rollup -c node:@reactdiagram/rollup-config --environment NODE_ENV:production && npm run css",
+      "css": "postcss styles/style.css --config ../tooling/postcss-config/postcss.config.js --dir dist"
+   },
+   "workspaces": [
+      "./packages/*",
+      "./tooling/*"
+   ],
+   "keywords": [
+      "react",
+      "node-based UI",
+      "graph",
+      "diagram",
+      "workflow",
+      "react-diagram"
+   ],
+   "files": [
+      "dist"
+   ],
+   "source": "src/index.ts",
+   "main": "dist/umd/index.js",
+   "module": "dist/esm/index.js",
+   "types": "dist/esm/index.d.ts",
+   "sideEffects": [
+      "*.css"
+   ],
+   "license": "MIT",
+   "publishConfig": {
+      "access": "public"
+   },
+   "repository": {
+      "type": "git",
+      "url": "https://github.com/taehunlim/react-diagram.git",
+      "directory": "packages"
+   },
+   "dependencies": {
+      "@types/d3": "^7.4.0",
+      "@types/d3-drag": "^3.0.2",
+      "@types/d3-selection": "^3.0.5",
+      "@types/d3-zoom": "^3.0.1",
+      "classcat": "^5.0.4",
+      "d3": "^7.8.4",
+      "d3-drag": "^3.0.0",
+      "d3-selection": "^3.0.0",
+      "d3-zoom": "^3.0.0",
+      "zustand": "^4.3.7"
+   },
+   "peerDependencies": {
+      "react": ">=17",
+      "react-dom": ">=17"
+   },
+   "devDependencies": {
+      "@reactdiagram/rollup-config": "workspace:*",
+      "@reactdiagram/tsconfig": "workspace:*",
+      "@types/node": "^18.7.16",
+      "@types/react": ">=17",
+      "@types/react-dom": ">=17",
+      "react": "^18.2.0",
+      "typescript": "^4.9.4"
+   },
+   "rollup": {
+      "globals": {
+         "classcat": "cc",
+         "d3-selection": "d3Selection",
+         "d3-zoom": "d3Zoom",
+         "d3-drag": "d3Drag",
+         "zustand": "zustand",
+         "zustand/shallow": "zustandShallow"
+      },
+      "name": "ReactCosmosDiagram"
+   }
+}