From 52816debbaf4074618a9281323f1b8b97858e37b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Christopher=20M=C3=B6ller?= Date: Mon, 7 Nov 2022 13:55:20 +0100 Subject: [PATCH 1/3] feat(minimap): add prop to configure the minimap title --- packages/minimap/src/MiniMap.tsx | 4 ++-- packages/minimap/src/types.ts | 1 + 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/minimap/src/MiniMap.tsx b/packages/minimap/src/MiniMap.tsx index f2487f18..a6212672 100644 --- a/packages/minimap/src/MiniMap.tsx +++ b/packages/minimap/src/MiniMap.tsx @@ -38,7 +38,6 @@ const selector = (s: ReactFlowState) => { const getAttrFunction = (func: any): GetMiniMapNodeAttribute => (func instanceof Function ? func : () => func); const ARIA_LABEL_KEY = 'react-flow__minimap-desc'; - function MiniMap({ style, className, @@ -53,6 +52,7 @@ function MiniMap({ onNodeClick, pannable = false, zoomable = false, + ariaLabel = 'React Flow mini map', }: MiniMapProps) { const store = useStoreApi(); const svg = useRef(null); @@ -155,7 +155,7 @@ function MiniMap({ ref={svg} onClick={onSvgClick} > - React Flow mini map + {ariaLabel} {nodes.map((node) => { return ( = Omit, ' onNodeClick?: (event: MouseEvent, node: Node) => void; pannable?: boolean; zoomable?: boolean; + ariaLabel?: string; }; From a5963e62b648535ce8359561f81a774ded08ce7d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Christopher=20M=C3=B6ller?= Date: Mon, 14 Nov 2022 15:28:15 +0100 Subject: [PATCH 2/3] feat(minimap): turn ariaLabel into an optional property --- packages/minimap/src/MiniMap.tsx | 2 +- packages/minimap/src/types.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/minimap/src/MiniMap.tsx b/packages/minimap/src/MiniMap.tsx index a6212672..42ceccce 100644 --- a/packages/minimap/src/MiniMap.tsx +++ b/packages/minimap/src/MiniMap.tsx @@ -155,7 +155,7 @@ function MiniMap({ ref={svg} onClick={onSvgClick} > - {ariaLabel} + {ariaLabel && {ariaLabel}} {nodes.map((node) => { return ( = Omit, ' onNodeClick?: (event: MouseEvent, node: Node) => void; pannable?: boolean; zoomable?: boolean; - ariaLabel?: string; + ariaLabel?: string | null; }; From 8f63f751e302d3c935865760d2134350c31ab93f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Christopher=20M=C3=B6ller?= Date: Mon, 14 Nov 2022 15:30:26 +0100 Subject: [PATCH 3/3] feat(minimap): add changeset --- .changeset/nine-cougars-turn.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/nine-cougars-turn.md diff --git a/.changeset/nine-cougars-turn.md b/.changeset/nine-cougars-turn.md new file mode 100644 index 00000000..eb6f3776 --- /dev/null +++ b/.changeset/nine-cougars-turn.md @@ -0,0 +1,5 @@ +--- +'@reactflow/minimap': minor +--- + +add a new property "ariaLabel" to configure or remove the aria-label of the minimap component