Socket
Socket
Sign inDemoInstall

@reactflow/minimap

Package Overview
Dependencies
54
Maintainers
1
Versions
53
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 11.6.1 to 11.6.2

10

dist/esm/index.js

@@ -9,6 +9,6 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

const MiniMapNode = ({ id, x, y, width, height, style, color, strokeColor, strokeWidth, className, borderRadius, shapeRendering, onClick, }) => {
const MiniMapNode = ({ id, x, y, width, height, style, color, strokeColor, strokeWidth, className, borderRadius, shapeRendering, onClick, selected, }) => {
const { background, backgroundColor } = style || {};
const fill = (color || background || backgroundColor);
return (jsx("rect", { className: cc(['react-flow__minimap-node', className]), x: x, y: y, rx: borderRadius, ry: borderRadius, width: width, height: height, fill: fill, stroke: strokeColor, strokeWidth: strokeWidth, shapeRendering: shapeRendering, onClick: onClick ? (event) => onClick(event, id) : undefined }));
return (jsx("rect", { className: cc(['react-flow__minimap-node', { selected }, className]), x: x, y: y, rx: borderRadius, ry: borderRadius, width: width, height: height, fill: fill, stroke: strokeColor, strokeWidth: strokeWidth, shapeRendering: shapeRendering, onClick: onClick ? (event) => onClick(event, id) : undefined }));
};

@@ -33,3 +33,3 @@ MiniMapNode.displayName = 'MiniMapNode';

const { x, y } = getNodePositionWithOrigin(node, nodeOrigin).positionAbsolute;
return (jsx(NodeComponent, { x: x, y: y, width: node.width, height: node.height, style: node.style, className: nodeClassNameFunc(node), color: nodeColorFunc(node), borderRadius: nodeBorderRadius, strokeColor: nodeStrokeColorFunc(node), strokeWidth: nodeStrokeWidth, shapeRendering: shapeRendering, onClick: onClick, id: node.id }, node.id));
return (jsx(NodeComponent, { x: x, y: y, width: node.width, height: node.height, style: node.style, selected: node.selected, className: nodeClassNameFunc(node), color: nodeColorFunc(node), borderRadius: nodeBorderRadius, strokeColor: nodeStrokeColorFunc(node), strokeWidth: nodeStrokeWidth, shapeRendering: shapeRendering, onClick: onClick, id: node.id }, node.id));
}) }));

@@ -59,3 +59,3 @@ }

// a component properly.
nodeComponent, maskColor = 'rgb(240, 240, 240, 0.6)', maskStrokeColor = 'none', maskStrokeWidth = 1, position = 'bottom-right', onClick, onNodeClick, pannable = false, zoomable = false, ariaLabel = 'React Flow mini map', inversePan = false, zoomStep = 10, }) {
nodeComponent, maskColor = 'rgb(240, 240, 240, 0.6)', maskStrokeColor = 'none', maskStrokeWidth = 1, position = 'bottom-right', onClick, onNodeClick, pannable = false, zoomable = false, ariaLabel = 'React Flow mini map', inversePan = false, zoomStep = 10, offsetScale = 5 }) {
const store = useStoreApi();

@@ -71,3 +71,3 @@ const svg = useRef(null);

const viewHeight = viewScale * elementHeight;
const offset = 5 * viewScale;
const offset = offsetScale * viewScale;
const x = boundingRect.x - (viewWidth - boundingRect.width) / 2 - offset;

@@ -74,0 +74,0 @@ const y = boundingRect.y - (viewHeight - boundingRect.height) / 2 - offset;

{
"name": "@reactflow/minimap",
"version": "11.6.1",
"version": "11.6.2",
"description": "Minimap component for React Flow.",

@@ -18,3 +18,3 @@ "keywords": [

"main": "dist/umd/index.js",
"module": "dist/esm/index.mjs",
"module": "dist/esm/index.js",
"types": "dist/esm/index.d.ts",

@@ -24,3 +24,3 @@ "exports": {

"types": "./dist/esm/index.d.ts",
"import": "./dist/esm/index.mjs",
"import": "./dist/esm/index.js",
"require": "./dist/umd/index.js"

@@ -49,3 +49,3 @@ },

"zustand": "^4.4.1",
"@reactflow/core": "11.8.1"
"@reactflow/core": "11.8.2"
},

@@ -61,5 +61,5 @@ "peerDependencies": {

"typescript": "^4.9.4",
"@reactflow/rollup-config": "0.0.0",
"@reactflow/tsconfig": "0.0.0",
"@reactflow/eslint-config": "0.0.0",
"@reactflow/rollup-config": "0.0.0"
"@reactflow/eslint-config": "0.0.0"
},

@@ -66,0 +66,0 @@ "rollup": {

SocketSocket SOC 2 Logo

Product

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

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc