Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@kinark/react-flow-renderer

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@kinark/react-flow-renderer - npm Package Compare versions

Comparing version 10.2.3 to 10.3.0

dist/esm/index-49819784.js

1

dist/esm/container/EdgeRenderer/index.d.ts

@@ -5,2 +5,3 @@ import React, { CSSProperties } from 'react';

edgeTypes: EdgeTypesWrapped;
edgesPayload?: any;
connectionLineType: ConnectionLineType;

@@ -7,0 +8,0 @@ connectionLineStyle?: CSSProperties;

2

dist/esm/container/GraphView/index.d.ts

@@ -20,5 +20,5 @@ import React from 'react';

declare const _default: React.MemoExoticComponent<{
({ nodeTypes, edgeTypes, onMove, onMoveStart, onMoveEnd, onInit, onNodeClick, onEdgeClick, onNodeDoubleClick, onEdgeDoubleClick, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, onNodeContextMenu, onNodeDragStart, onNodeDrag, onNodeDragStop, onSelectionDragStart, onSelectionDrag, onSelectionDragStop, onSelectionContextMenu, connectionLineType, connectionLineStyle, connectionLineComponent, selectionKeyCode, multiSelectionKeyCode, zoomActivationKeyCode, deleteKeyCode, onlyRenderVisibleElements, elementsSelectable, selectNodesOnDrag, defaultZoom, defaultPosition, preventScrolling, defaultMarkerColor, zoomOnScroll, zoomOnPinch, panOnScroll, panOnScrollSpeed, panOnScrollMode, zoomOnDoubleClick, panOnDrag, onPaneClick, onPaneScroll, onPaneContextMenu, onEdgeUpdate, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, edgeUpdaterRadius, onEdgeUpdateStart, onEdgeUpdateEnd, noDragClassName, noWheelClassName, noPanClassName, elevateEdgesOnSelect, }: GraphViewProps): JSX.Element;
({ nodeTypes, edgeTypes, nodesPayload, edgesPayload, onMove, onMoveStart, onMoveEnd, onInit, onNodeClick, onEdgeClick, onNodeDoubleClick, onEdgeDoubleClick, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, onNodeContextMenu, onNodeDragStart, onNodeDrag, onNodeDragStop, onSelectionDragStart, onSelectionDrag, onSelectionDragStop, onSelectionContextMenu, connectionLineType, connectionLineStyle, connectionLineComponent, selectionKeyCode, multiSelectionKeyCode, zoomActivationKeyCode, deleteKeyCode, onlyRenderVisibleElements, elementsSelectable, selectNodesOnDrag, defaultZoom, defaultPosition, preventScrolling, defaultMarkerColor, zoomOnScroll, zoomOnPinch, panOnScroll, panOnScrollSpeed, panOnScrollMode, zoomOnDoubleClick, panOnDrag, onPaneClick, onPaneScroll, onPaneContextMenu, onEdgeUpdate, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, edgeUpdaterRadius, onEdgeUpdateStart, onEdgeUpdateEnd, noDragClassName, noWheelClassName, noPanClassName, elevateEdgesOnSelect, }: GraphViewProps): JSX.Element;
displayName: string;
}>;
export default _default;
import React, { MouseEvent } from 'react';
import { Node, NodeTypesWrapped } from '../../types';
interface NodeRendererProps {
nodesPayload?: any;
nodeTypes: NodeTypesWrapped;

@@ -5,0 +6,0 @@ selectNodesOnDrag: boolean;

@@ -1,7 +0,7 @@

export { C as ControlButton, i as default } from './index-2bb7b927.js';
import './index-900eeb9a.js';
export { C as ControlButton, i as default } from './index-49819784.js';
import './index-4f738ce1.js';
import 'zustand';
import 'zustand/context';
import 'd3-zoom';
import './useReactFlow-ed2620a5.js';
import './useReactFlow-065c6c13.js';
import 'react';

@@ -8,0 +8,0 @@ import 'zustand/shallow';

@@ -1,3 +0,3 @@

export { i as default } from './index-b1120221.js';
import './index-900eeb9a.js';
export { i as default } from './index-7f2bd050.js';
import './index-4f738ce1.js';
import 'zustand';

@@ -4,0 +4,0 @@ import 'zustand/context';

@@ -1,3 +0,3 @@

export { i as default } from './index-4fbc8a1d.js';
import './index-900eeb9a.js';
export { i as default } from './index-d2614a2e.js';
import './index-4f738ce1.js';
import 'zustand';

@@ -4,0 +4,0 @@ import 'zustand/context';

@@ -7,2 +7,4 @@ import React, { ButtonHTMLAttributes, CSSProperties, HTMLAttributes, MouseEvent as ReactMouseEvent, WheelEvent } from 'react';

edges?: Edge[];
nodesPayload?: any;
edgesPayload?: any;
defaultNodes?: Node[];

@@ -9,0 +11,0 @@ defaultEdges?: Edge[];

@@ -69,2 +69,3 @@ import React, { CSSProperties, ComponentType, HTMLAttributes, ReactNode } from 'react';

data?: T;
edgesPayload?: any;
allowPanOverNodes: boolean;

@@ -71,0 +72,0 @@ onClick?: EdgeMouseHandler;

@@ -54,2 +54,3 @@ import { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';

isConnectable: boolean;
nodesPayload?: any;
scale: number;

@@ -56,0 +57,0 @@ xPos: number;

@@ -1,3 +0,3 @@

export { u as default } from './useEdges-716b6bf4.js';
import './index-900eeb9a.js';
export { u as default } from './useEdges-7d369e1c.js';
import './index-4f738ce1.js';
import 'zustand';

@@ -4,0 +4,0 @@ import 'zustand/context';

@@ -1,3 +0,3 @@

export { u as default } from './useNodes-b8df64d1.js';
import './index-900eeb9a.js';
export { u as default } from './useNodes-42c6a7b6.js';
import './index-4f738ce1.js';
import 'zustand';

@@ -4,0 +4,0 @@ import 'zustand/context';

@@ -1,3 +0,3 @@

export { u as default } from './useReactFlow-ed2620a5.js';
import './index-900eeb9a.js';
export { u as default } from './useReactFlow-065c6c13.js';
import './index-4f738ce1.js';
import 'zustand';

@@ -4,0 +4,0 @@ import 'zustand/context';

@@ -1,4 +0,4 @@

export { u as default } from './useUpdateNodeInternals-233428cf.js';
export { u as default } from './useUpdateNodeInternals-3ff3a6ab.js';
import 'react';
import './index-900eeb9a.js';
import './index-4f738ce1.js';
import 'zustand';

@@ -5,0 +5,0 @@ import 'zustand/context';

@@ -1,4 +0,4 @@

export { u as default } from './useViewport-76d67ff1.js';
export { u as default } from './useViewport-93e8647c.js';
import 'zustand/shallow';
import './index-900eeb9a.js';
import './index-4f738ce1.js';
import 'zustand';

@@ -5,0 +5,0 @@ import 'zustand/context';

@@ -5,2 +5,3 @@ import React, { CSSProperties } from 'react';

edgeTypes: EdgeTypesWrapped;
edgesPayload?: any;
connectionLineType: ConnectionLineType;

@@ -7,0 +8,0 @@ connectionLineStyle?: CSSProperties;

@@ -20,5 +20,5 @@ import React from 'react';

declare const _default: React.MemoExoticComponent<{
({ nodeTypes, edgeTypes, onMove, onMoveStart, onMoveEnd, onInit, onNodeClick, onEdgeClick, onNodeDoubleClick, onEdgeDoubleClick, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, onNodeContextMenu, onNodeDragStart, onNodeDrag, onNodeDragStop, onSelectionDragStart, onSelectionDrag, onSelectionDragStop, onSelectionContextMenu, connectionLineType, connectionLineStyle, connectionLineComponent, selectionKeyCode, multiSelectionKeyCode, zoomActivationKeyCode, deleteKeyCode, onlyRenderVisibleElements, elementsSelectable, selectNodesOnDrag, defaultZoom, defaultPosition, preventScrolling, defaultMarkerColor, zoomOnScroll, zoomOnPinch, panOnScroll, panOnScrollSpeed, panOnScrollMode, zoomOnDoubleClick, panOnDrag, onPaneClick, onPaneScroll, onPaneContextMenu, onEdgeUpdate, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, edgeUpdaterRadius, onEdgeUpdateStart, onEdgeUpdateEnd, noDragClassName, noWheelClassName, noPanClassName, elevateEdgesOnSelect, }: GraphViewProps): JSX.Element;
({ nodeTypes, edgeTypes, nodesPayload, edgesPayload, onMove, onMoveStart, onMoveEnd, onInit, onNodeClick, onEdgeClick, onNodeDoubleClick, onEdgeDoubleClick, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, onNodeContextMenu, onNodeDragStart, onNodeDrag, onNodeDragStop, onSelectionDragStart, onSelectionDrag, onSelectionDragStop, onSelectionContextMenu, connectionLineType, connectionLineStyle, connectionLineComponent, selectionKeyCode, multiSelectionKeyCode, zoomActivationKeyCode, deleteKeyCode, onlyRenderVisibleElements, elementsSelectable, selectNodesOnDrag, defaultZoom, defaultPosition, preventScrolling, defaultMarkerColor, zoomOnScroll, zoomOnPinch, panOnScroll, panOnScrollSpeed, panOnScrollMode, zoomOnDoubleClick, panOnDrag, onPaneClick, onPaneScroll, onPaneContextMenu, onEdgeUpdate, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, edgeUpdaterRadius, onEdgeUpdateStart, onEdgeUpdateEnd, noDragClassName, noWheelClassName, noPanClassName, elevateEdgesOnSelect, }: GraphViewProps): JSX.Element;
displayName: string;
}>;
export default _default;
import React, { MouseEvent } from 'react';
import { Node, NodeTypesWrapped } from '../../types';
interface NodeRendererProps {
nodesPayload?: any;
nodeTypes: NodeTypesWrapped;

@@ -5,0 +6,0 @@ selectNodesOnDrag: boolean;

@@ -1,7 +0,7 @@

export { C as ControlButton, i as default } from './index-2bb7b927.js';
import './index-900eeb9a.js';
export { C as ControlButton, i as default } from './index-49819784.js';
import './index-4f738ce1.js';
import 'zustand';
import 'zustand/context';
import 'd3-zoom';
import './useReactFlow-ed2620a5.js';
import './useReactFlow-065c6c13.js';
import 'react';

@@ -8,0 +8,0 @@ import 'zustand/shallow';

@@ -1,3 +0,3 @@

export { i as default } from './index-b1120221.js';
import './index-900eeb9a.js';
export { i as default } from './index-7f2bd050.js';
import './index-4f738ce1.js';
import 'zustand';

@@ -4,0 +4,0 @@ import 'zustand/context';

@@ -1,3 +0,3 @@

export { i as default } from './index-4fbc8a1d.js';
import './index-900eeb9a.js';
export { i as default } from './index-d2614a2e.js';
import './index-4f738ce1.js';
import 'zustand';

@@ -4,0 +4,0 @@ import 'zustand/context';

@@ -7,2 +7,4 @@ import React, { ButtonHTMLAttributes, CSSProperties, HTMLAttributes, MouseEvent as ReactMouseEvent, WheelEvent } from 'react';

edges?: Edge[];
nodesPayload?: any;
edgesPayload?: any;
defaultNodes?: Node[];

@@ -9,0 +11,0 @@ defaultEdges?: Edge[];

@@ -69,2 +69,3 @@ import React, { CSSProperties, ComponentType, HTMLAttributes, ReactNode } from 'react';

data?: T;
edgesPayload?: any;
allowPanOverNodes: boolean;

@@ -71,0 +72,0 @@ onClick?: EdgeMouseHandler;

@@ -54,2 +54,3 @@ import { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';

isConnectable: boolean;
nodesPayload?: any;
scale: number;

@@ -56,0 +57,0 @@ xPos: number;

@@ -1,3 +0,3 @@

export { u as default } from './useEdges-716b6bf4.js';
import './index-900eeb9a.js';
export { u as default } from './useEdges-7d369e1c.js';
import './index-4f738ce1.js';
import 'zustand';

@@ -4,0 +4,0 @@ import 'zustand/context';

@@ -1,3 +0,3 @@

export { u as default } from './useNodes-b8df64d1.js';
import './index-900eeb9a.js';
export { u as default } from './useNodes-42c6a7b6.js';
import './index-4f738ce1.js';
import 'zustand';

@@ -4,0 +4,0 @@ import 'zustand/context';

@@ -1,3 +0,3 @@

export { u as default } from './useReactFlow-ed2620a5.js';
import './index-900eeb9a.js';
export { u as default } from './useReactFlow-065c6c13.js';
import './index-4f738ce1.js';
import 'zustand';

@@ -4,0 +4,0 @@ import 'zustand/context';

@@ -1,4 +0,4 @@

export { u as default } from './useUpdateNodeInternals-233428cf.js';
export { u as default } from './useUpdateNodeInternals-3ff3a6ab.js';
import 'react';
import './index-900eeb9a.js';
import './index-4f738ce1.js';
import 'zustand';

@@ -5,0 +5,0 @@ import 'zustand/context';

@@ -1,4 +0,4 @@

export { u as default } from './useViewport-76d67ff1.js';
export { u as default } from './useViewport-93e8647c.js';
import 'zustand/shallow';
import './index-900eeb9a.js';
import './index-4f738ce1.js';
import 'zustand';

@@ -5,0 +5,0 @@ import 'zustand/context';

@@ -5,2 +5,3 @@ import React, { CSSProperties } from 'react';

edgeTypes: EdgeTypesWrapped;
edgesPayload?: any;
connectionLineType: ConnectionLineType;

@@ -7,0 +8,0 @@ connectionLineStyle?: CSSProperties;

@@ -20,5 +20,5 @@ import React from 'react';

declare const _default: React.MemoExoticComponent<{
({ nodeTypes, edgeTypes, onMove, onMoveStart, onMoveEnd, onInit, onNodeClick, onEdgeClick, onNodeDoubleClick, onEdgeDoubleClick, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, onNodeContextMenu, onNodeDragStart, onNodeDrag, onNodeDragStop, onSelectionDragStart, onSelectionDrag, onSelectionDragStop, onSelectionContextMenu, connectionLineType, connectionLineStyle, connectionLineComponent, selectionKeyCode, multiSelectionKeyCode, zoomActivationKeyCode, deleteKeyCode, onlyRenderVisibleElements, elementsSelectable, selectNodesOnDrag, defaultZoom, defaultPosition, preventScrolling, defaultMarkerColor, zoomOnScroll, zoomOnPinch, panOnScroll, panOnScrollSpeed, panOnScrollMode, zoomOnDoubleClick, panOnDrag, onPaneClick, onPaneScroll, onPaneContextMenu, onEdgeUpdate, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, edgeUpdaterRadius, onEdgeUpdateStart, onEdgeUpdateEnd, noDragClassName, noWheelClassName, noPanClassName, elevateEdgesOnSelect, }: GraphViewProps): JSX.Element;
({ nodeTypes, edgeTypes, nodesPayload, edgesPayload, onMove, onMoveStart, onMoveEnd, onInit, onNodeClick, onEdgeClick, onNodeDoubleClick, onEdgeDoubleClick, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, onNodeContextMenu, onNodeDragStart, onNodeDrag, onNodeDragStop, onSelectionDragStart, onSelectionDrag, onSelectionDragStop, onSelectionContextMenu, connectionLineType, connectionLineStyle, connectionLineComponent, selectionKeyCode, multiSelectionKeyCode, zoomActivationKeyCode, deleteKeyCode, onlyRenderVisibleElements, elementsSelectable, selectNodesOnDrag, defaultZoom, defaultPosition, preventScrolling, defaultMarkerColor, zoomOnScroll, zoomOnPinch, panOnScroll, panOnScrollSpeed, panOnScrollMode, zoomOnDoubleClick, panOnDrag, onPaneClick, onPaneScroll, onPaneContextMenu, onEdgeUpdate, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, edgeUpdaterRadius, onEdgeUpdateStart, onEdgeUpdateEnd, noDragClassName, noWheelClassName, noPanClassName, elevateEdgesOnSelect, }: GraphViewProps): JSX.Element;
displayName: string;
}>;
export default _default;
import React, { MouseEvent } from 'react';
import { Node, NodeTypesWrapped } from '../../types';
interface NodeRendererProps {
nodesPayload?: any;
nodeTypes: NodeTypesWrapped;

@@ -5,0 +6,0 @@ selectNodesOnDrag: boolean;

@@ -7,2 +7,4 @@ import React, { ButtonHTMLAttributes, CSSProperties, HTMLAttributes, MouseEvent as ReactMouseEvent, WheelEvent } from 'react';

edges?: Edge[];
nodesPayload?: any;
edgesPayload?: any;
defaultNodes?: Node[];

@@ -9,0 +11,0 @@ defaultEdges?: Edge[];

@@ -69,2 +69,3 @@ import React, { CSSProperties, ComponentType, HTMLAttributes, ReactNode } from 'react';

data?: T;
edgesPayload?: any;
allowPanOverNodes: boolean;

@@ -71,0 +72,0 @@ onClick?: EdgeMouseHandler;

@@ -54,2 +54,3 @@ import { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';

isConnectable: boolean;
nodesPayload?: any;
scale: number;

@@ -56,0 +57,0 @@ xPos: number;

@@ -5,2 +5,3 @@ import React, { CSSProperties } from 'react';

edgeTypes: EdgeTypesWrapped;
edgesPayload?: any;
connectionLineType: ConnectionLineType;

@@ -7,0 +8,0 @@ connectionLineStyle?: CSSProperties;

@@ -20,5 +20,5 @@ import React from 'react';

declare const _default: React.MemoExoticComponent<{
({ nodeTypes, edgeTypes, onMove, onMoveStart, onMoveEnd, onInit, onNodeClick, onEdgeClick, onNodeDoubleClick, onEdgeDoubleClick, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, onNodeContextMenu, onNodeDragStart, onNodeDrag, onNodeDragStop, onSelectionDragStart, onSelectionDrag, onSelectionDragStop, onSelectionContextMenu, connectionLineType, connectionLineStyle, connectionLineComponent, selectionKeyCode, multiSelectionKeyCode, zoomActivationKeyCode, deleteKeyCode, onlyRenderVisibleElements, elementsSelectable, selectNodesOnDrag, defaultZoom, defaultPosition, preventScrolling, defaultMarkerColor, zoomOnScroll, zoomOnPinch, panOnScroll, panOnScrollSpeed, panOnScrollMode, zoomOnDoubleClick, panOnDrag, onPaneClick, onPaneScroll, onPaneContextMenu, onEdgeUpdate, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, edgeUpdaterRadius, onEdgeUpdateStart, onEdgeUpdateEnd, noDragClassName, noWheelClassName, noPanClassName, elevateEdgesOnSelect, }: GraphViewProps): JSX.Element;
({ nodeTypes, edgeTypes, nodesPayload, edgesPayload, onMove, onMoveStart, onMoveEnd, onInit, onNodeClick, onEdgeClick, onNodeDoubleClick, onEdgeDoubleClick, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, onNodeContextMenu, onNodeDragStart, onNodeDrag, onNodeDragStop, onSelectionDragStart, onSelectionDrag, onSelectionDragStop, onSelectionContextMenu, connectionLineType, connectionLineStyle, connectionLineComponent, selectionKeyCode, multiSelectionKeyCode, zoomActivationKeyCode, deleteKeyCode, onlyRenderVisibleElements, elementsSelectable, selectNodesOnDrag, defaultZoom, defaultPosition, preventScrolling, defaultMarkerColor, zoomOnScroll, zoomOnPinch, panOnScroll, panOnScrollSpeed, panOnScrollMode, zoomOnDoubleClick, panOnDrag, onPaneClick, onPaneScroll, onPaneContextMenu, onEdgeUpdate, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, edgeUpdaterRadius, onEdgeUpdateStart, onEdgeUpdateEnd, noDragClassName, noWheelClassName, noPanClassName, elevateEdgesOnSelect, }: GraphViewProps): JSX.Element;
displayName: string;
}>;
export default _default;
import React, { MouseEvent } from 'react';
import { Node, NodeTypesWrapped } from '../../types';
interface NodeRendererProps {
nodesPayload?: any;
nodeTypes: NodeTypesWrapped;

@@ -5,0 +6,0 @@ selectNodesOnDrag: boolean;

@@ -7,2 +7,4 @@ import React, { ButtonHTMLAttributes, CSSProperties, HTMLAttributes, MouseEvent as ReactMouseEvent, WheelEvent } from 'react';

edges?: Edge[];
nodesPayload?: any;
edgesPayload?: any;
defaultNodes?: Node[];

@@ -9,0 +11,0 @@ defaultEdges?: Edge[];

@@ -69,2 +69,3 @@ import React, { CSSProperties, ComponentType, HTMLAttributes, ReactNode } from 'react';

data?: T;
edgesPayload?: any;
allowPanOverNodes: boolean;

@@ -71,0 +72,0 @@ onClick?: EdgeMouseHandler;

@@ -54,2 +54,3 @@ import { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';

isConnectable: boolean;
nodesPayload?: any;
scale: number;

@@ -56,0 +57,0 @@ xPos: number;

{
"name": "@kinark/react-flow-renderer",
"version": "10.2.3",
"version": "10.3.0",
"engines": {

@@ -5,0 +5,0 @@ "node": ">=14"

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc