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.3.0 to 10.3.1

dist/esm/index-11120948.js

2

dist/esm/components/Edges/wrapEdge.d.ts
import React, { ComponentType } from 'react';
import { EdgeProps, WrapEdgeProps } from '../../types';
declare const _default: (EdgeComponent: ComponentType<EdgeProps>) => React.MemoExoticComponent<{
({ id, className, type, data, onClick, onEdgeDoubleClick, selected, animated, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, elementsSelectable, hidden, sourceHandleId, targetHandleId, onContextMenu, onMouseEnter, onMouseMove, onMouseLeave, edgeUpdaterRadius, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, markerEnd, markerStart, allowPanOverNodes, }: WrapEdgeProps): JSX.Element | null;
({ edgesPayload, id, className, type, data, onClick, onEdgeDoubleClick, selected, animated, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, elementsSelectable, hidden, sourceHandleId, targetHandleId, onContextMenu, onMouseEnter, onMouseMove, onMouseLeave, edgeUpdaterRadius, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, markerEnd, markerStart, allowPanOverNodes, }: WrapEdgeProps): JSX.Element | null;
displayName: string;
}>;
export default _default;
import React, { ComponentType } from 'react';
import { NodeProps, WrapNodeProps } from '../../types';
declare const _default: (NodeComponent: ComponentType<NodeProps>) => React.MemoExoticComponent<{
({ id, type, data, scale, xPos, yPos, selected, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onNodeDoubleClick, onNodeDragStart, onNodeDrag, onNodeDragStop, style, className, isDraggable, isSelectable, isConnectable, selectNodesOnDrag, sourcePosition, targetPosition, hidden, snapToGrid, snapGrid, dragging, resizeObserver, dragHandle, zIndex, isParent, noPanClassName, noDragClassName, allowPanOverNodes, }: WrapNodeProps): JSX.Element | null;
({ nodesPayload, id, type, data, scale, xPos, yPos, selected, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onNodeDoubleClick, onNodeDragStart, onNodeDrag, onNodeDragStop, style, className, isDraggable, isSelectable, isConnectable, selectNodesOnDrag, sourcePosition, targetPosition, hidden, snapToGrid, snapGrid, dragging, resizeObserver, dragHandle, zIndex, isParent, noPanClassName, noDragClassName, allowPanOverNodes, }: WrapNodeProps): JSX.Element | null;
displayName: string;
}>;
export default _default;

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

export { C as ControlButton, i as default } from './index-49819784.js';
import './index-4f738ce1.js';
export { C as ControlButton, i as default } from './index-ecc5de39.js';
import './index-dc509b96.js';
import 'zustand';
import 'zustand/context';
import 'd3-zoom';
import './useReactFlow-065c6c13.js';
import './useReactFlow-92027d10.js';
import 'react';

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

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

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

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

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

export { i as default } from './index-d2614a2e.js';
import './index-4f738ce1.js';
export { i as default } from './index-11120948.js';
import './index-dc509b96.js';
import 'zustand';

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

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

export interface EdgeProps<T = any> {
edgesPayload?: any;
id: string;

@@ -35,0 +36,0 @@ source: string;

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

selected: boolean;
nodesPayload?: any;
isConnectable: boolean;

@@ -39,0 +40,0 @@ xPos: number;

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

export { u as default } from './useEdges-7d369e1c.js';
import './index-4f738ce1.js';
export { u as default } from './useEdges-829c6e88.js';
import './index-dc509b96.js';
import 'zustand';

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

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

export { u as default } from './useNodes-42c6a7b6.js';
import './index-4f738ce1.js';
export { u as default } from './useNodes-6bf69cf1.js';
import './index-dc509b96.js';
import 'zustand';

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

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

export { u as default } from './useReactFlow-065c6c13.js';
import './index-4f738ce1.js';
export { u as default } from './useReactFlow-92027d10.js';
import './index-dc509b96.js';
import 'zustand';

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

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

export { u as default } from './useUpdateNodeInternals-3ff3a6ab.js';
export { u as default } from './useUpdateNodeInternals-cf9a6f80.js';
import 'react';
import './index-4f738ce1.js';
import './index-dc509b96.js';
import 'zustand';

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

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

export { u as default } from './useViewport-93e8647c.js';
export { u as default } from './useViewport-476648e8.js';
import 'zustand/shallow';
import './index-4f738ce1.js';
import './index-dc509b96.js';
import 'zustand';

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

import React, { ComponentType } from 'react';
import { EdgeProps, WrapEdgeProps } from '../../types';
declare const _default: (EdgeComponent: ComponentType<EdgeProps>) => React.MemoExoticComponent<{
({ id, className, type, data, onClick, onEdgeDoubleClick, selected, animated, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, elementsSelectable, hidden, sourceHandleId, targetHandleId, onContextMenu, onMouseEnter, onMouseMove, onMouseLeave, edgeUpdaterRadius, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, markerEnd, markerStart, allowPanOverNodes, }: WrapEdgeProps): JSX.Element | null;
({ edgesPayload, id, className, type, data, onClick, onEdgeDoubleClick, selected, animated, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, elementsSelectable, hidden, sourceHandleId, targetHandleId, onContextMenu, onMouseEnter, onMouseMove, onMouseLeave, edgeUpdaterRadius, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, markerEnd, markerStart, allowPanOverNodes, }: WrapEdgeProps): JSX.Element | null;
displayName: string;
}>;
export default _default;
import React, { ComponentType } from 'react';
import { NodeProps, WrapNodeProps } from '../../types';
declare const _default: (NodeComponent: ComponentType<NodeProps>) => React.MemoExoticComponent<{
({ id, type, data, scale, xPos, yPos, selected, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onNodeDoubleClick, onNodeDragStart, onNodeDrag, onNodeDragStop, style, className, isDraggable, isSelectable, isConnectable, selectNodesOnDrag, sourcePosition, targetPosition, hidden, snapToGrid, snapGrid, dragging, resizeObserver, dragHandle, zIndex, isParent, noPanClassName, noDragClassName, allowPanOverNodes, }: WrapNodeProps): JSX.Element | null;
({ nodesPayload, id, type, data, scale, xPos, yPos, selected, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onNodeDoubleClick, onNodeDragStart, onNodeDrag, onNodeDragStop, style, className, isDraggable, isSelectable, isConnectable, selectNodesOnDrag, sourcePosition, targetPosition, hidden, snapToGrid, snapGrid, dragging, resizeObserver, dragHandle, zIndex, isParent, noPanClassName, noDragClassName, allowPanOverNodes, }: WrapNodeProps): JSX.Element | null;
displayName: string;
}>;
export default _default;

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

export { C as ControlButton, i as default } from './index-49819784.js';
import './index-4f738ce1.js';
export { C as ControlButton, i as default } from './index-ecc5de39.js';
import './index-dc509b96.js';
import 'zustand';
import 'zustand/context';
import 'd3-zoom';
import './useReactFlow-065c6c13.js';
import './useReactFlow-92027d10.js';
import 'react';

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

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

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

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

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

export { i as default } from './index-d2614a2e.js';
import './index-4f738ce1.js';
export { i as default } from './index-11120948.js';
import './index-dc509b96.js';
import 'zustand';

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

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

export interface EdgeProps<T = any> {
edgesPayload?: any;
id: string;

@@ -35,0 +36,0 @@ source: string;

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

selected: boolean;
nodesPayload?: any;
isConnectable: boolean;

@@ -39,0 +40,0 @@ xPos: number;

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

export { u as default } from './useEdges-7d369e1c.js';
import './index-4f738ce1.js';
export { u as default } from './useEdges-829c6e88.js';
import './index-dc509b96.js';
import 'zustand';

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

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

export { u as default } from './useNodes-42c6a7b6.js';
import './index-4f738ce1.js';
export { u as default } from './useNodes-6bf69cf1.js';
import './index-dc509b96.js';
import 'zustand';

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

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

export { u as default } from './useReactFlow-065c6c13.js';
import './index-4f738ce1.js';
export { u as default } from './useReactFlow-92027d10.js';
import './index-dc509b96.js';
import 'zustand';

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

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

export { u as default } from './useUpdateNodeInternals-3ff3a6ab.js';
export { u as default } from './useUpdateNodeInternals-cf9a6f80.js';
import 'react';
import './index-4f738ce1.js';
import './index-dc509b96.js';
import 'zustand';

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

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

export { u as default } from './useViewport-93e8647c.js';
export { u as default } from './useViewport-476648e8.js';
import 'zustand/shallow';
import './index-4f738ce1.js';
import './index-dc509b96.js';
import 'zustand';

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

import React, { ComponentType } from 'react';
import { EdgeProps, WrapEdgeProps } from '../../types';
declare const _default: (EdgeComponent: ComponentType<EdgeProps>) => React.MemoExoticComponent<{
({ id, className, type, data, onClick, onEdgeDoubleClick, selected, animated, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, elementsSelectable, hidden, sourceHandleId, targetHandleId, onContextMenu, onMouseEnter, onMouseMove, onMouseLeave, edgeUpdaterRadius, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, markerEnd, markerStart, allowPanOverNodes, }: WrapEdgeProps): JSX.Element | null;
({ edgesPayload, id, className, type, data, onClick, onEdgeDoubleClick, selected, animated, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, elementsSelectable, hidden, sourceHandleId, targetHandleId, onContextMenu, onMouseEnter, onMouseMove, onMouseLeave, edgeUpdaterRadius, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, markerEnd, markerStart, allowPanOverNodes, }: WrapEdgeProps): JSX.Element | null;
displayName: string;
}>;
export default _default;
import React, { ComponentType } from 'react';
import { NodeProps, WrapNodeProps } from '../../types';
declare const _default: (NodeComponent: ComponentType<NodeProps>) => React.MemoExoticComponent<{
({ id, type, data, scale, xPos, yPos, selected, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onNodeDoubleClick, onNodeDragStart, onNodeDrag, onNodeDragStop, style, className, isDraggable, isSelectable, isConnectable, selectNodesOnDrag, sourcePosition, targetPosition, hidden, snapToGrid, snapGrid, dragging, resizeObserver, dragHandle, zIndex, isParent, noPanClassName, noDragClassName, allowPanOverNodes, }: WrapNodeProps): JSX.Element | null;
({ nodesPayload, id, type, data, scale, xPos, yPos, selected, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onNodeDoubleClick, onNodeDragStart, onNodeDrag, onNodeDragStop, style, className, isDraggable, isSelectable, isConnectable, selectNodesOnDrag, sourcePosition, targetPosition, hidden, snapToGrid, snapGrid, dragging, resizeObserver, dragHandle, zIndex, isParent, noPanClassName, noDragClassName, allowPanOverNodes, }: WrapNodeProps): JSX.Element | null;
displayName: string;
}>;
export default _default;

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

export interface EdgeProps<T = any> {
edgesPayload?: any;
id: string;

@@ -35,0 +36,0 @@ source: string;

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

selected: boolean;
nodesPayload?: any;
isConnectable: boolean;

@@ -39,0 +40,0 @@ xPos: number;

import React, { ComponentType } from 'react';
import { EdgeProps, WrapEdgeProps } from '../../types';
declare const _default: (EdgeComponent: ComponentType<EdgeProps>) => React.MemoExoticComponent<{
({ id, className, type, data, onClick, onEdgeDoubleClick, selected, animated, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, elementsSelectable, hidden, sourceHandleId, targetHandleId, onContextMenu, onMouseEnter, onMouseMove, onMouseLeave, edgeUpdaterRadius, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, markerEnd, markerStart, allowPanOverNodes, }: WrapEdgeProps): JSX.Element | null;
({ edgesPayload, id, className, type, data, onClick, onEdgeDoubleClick, selected, animated, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, elementsSelectable, hidden, sourceHandleId, targetHandleId, onContextMenu, onMouseEnter, onMouseMove, onMouseLeave, edgeUpdaterRadius, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, markerEnd, markerStart, allowPanOverNodes, }: WrapEdgeProps): JSX.Element | null;
displayName: string;
}>;
export default _default;
import React, { ComponentType } from 'react';
import { NodeProps, WrapNodeProps } from '../../types';
declare const _default: (NodeComponent: ComponentType<NodeProps>) => React.MemoExoticComponent<{
({ id, type, data, scale, xPos, yPos, selected, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onNodeDoubleClick, onNodeDragStart, onNodeDrag, onNodeDragStop, style, className, isDraggable, isSelectable, isConnectable, selectNodesOnDrag, sourcePosition, targetPosition, hidden, snapToGrid, snapGrid, dragging, resizeObserver, dragHandle, zIndex, isParent, noPanClassName, noDragClassName, allowPanOverNodes, }: WrapNodeProps): JSX.Element | null;
({ nodesPayload, id, type, data, scale, xPos, yPos, selected, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onNodeDoubleClick, onNodeDragStart, onNodeDrag, onNodeDragStop, style, className, isDraggable, isSelectable, isConnectable, selectNodesOnDrag, sourcePosition, targetPosition, hidden, snapToGrid, snapGrid, dragging, resizeObserver, dragHandle, zIndex, isParent, noPanClassName, noDragClassName, allowPanOverNodes, }: WrapNodeProps): JSX.Element | null;
displayName: string;
}>;
export default _default;

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

export interface EdgeProps<T = any> {
edgesPayload?: any;
id: string;

@@ -35,0 +36,0 @@ source: string;

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

selected: boolean;
nodesPayload?: any;
isConnectable: boolean;

@@ -39,0 +40,0 @@ xPos: number;

{
"name": "@kinark/react-flow-renderer",
"version": "10.3.0",
"version": "10.3.1",
"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