From 5897f6de02e127c92e545906f5fb7775de231604 Mon Sep 17 00:00:00 2001 From: moklick Date: Tue, 15 Nov 2022 16:47:15 +0100 Subject: [PATCH 1/2] feat(minimap): add maskStrokeWidth and maskStrokeColor --- packages/minimap/src/MiniMap.tsx | 4 ++++ packages/minimap/src/types.ts | 2 ++ 2 files changed, 6 insertions(+) diff --git a/packages/minimap/src/MiniMap.tsx b/packages/minimap/src/MiniMap.tsx index c02fa313..4764a987 100644 --- a/packages/minimap/src/MiniMap.tsx +++ b/packages/minimap/src/MiniMap.tsx @@ -48,6 +48,8 @@ function MiniMap({ nodeBorderRadius = 5, nodeStrokeWidth = 2, maskColor = 'rgb(240, 240, 240, 0.6)', + maskStrokeColor = 'none', + maskStrokeWidth = 1, position = 'bottom-right', onClick, onNodeClick, @@ -181,6 +183,8 @@ function MiniMap({ M${viewBB.x},${viewBB.y}h${viewBB.width}v${viewBB.height}h${-viewBB.width}z`} fill={maskColor} fillRule="evenodd" + stroke={maskStrokeColor} + strokeWidth={maskStrokeWidth} /> diff --git a/packages/minimap/src/types.ts b/packages/minimap/src/types.ts index ba3be40e..7d006329 100644 --- a/packages/minimap/src/types.ts +++ b/packages/minimap/src/types.ts @@ -11,6 +11,8 @@ export type MiniMapProps = Omit, ' nodeBorderRadius?: number; nodeStrokeWidth?: number; maskColor?: string; + maskStrokeColor?: string; + maskStrokeWidth?: number; position?: PanelPosition; onClick?: (event: MouseEvent, position: XYPosition) => void; onNodeClick?: (event: MouseEvent, node: Node) => void; From d745aa33fcd1333e12929c862f9a3d6de53f7179 Mon Sep 17 00:00:00 2001 From: moklick Date: Tue, 15 Nov 2022 16:48:32 +0100 Subject: [PATCH 2/2] chore(changeset): add --- .changeset/blue-houses-study.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/blue-houses-study.md diff --git a/.changeset/blue-houses-study.md b/.changeset/blue-houses-study.md new file mode 100644 index 00000000..9501bc2c --- /dev/null +++ b/.changeset/blue-houses-study.md @@ -0,0 +1,5 @@ +--- +'@reactflow/minimap': minor +--- + +Add maskStrokeColor and maskStrokeWidth props