Merge pull request #40 from feedzai/releases

Support for dynamic data / DOM elements
feedzai · Oct 24, 2024 · 978bf24 · 978bf24
2 parents 63c7fa5 + 37c3747
commit 978bf24
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+## 2.0.2 - 2024-10-24
+### Added
+- Dynamic changes in the data or DOM elements now trigger updates in the tool
+
 ## 2.0.1 - 2024-10-08
 ### Added
 - Aligned native ShortcutGuide styling with the prototypes

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
 	"name": "@feedzai/autovizua11y",
 	"description": "AutoVizuA11y is a React library that automates the process of creating accessible data visualizations",
 	"private": false,
-	"version": "2.0.1",
+	"version": "2.0.2",
 	"author": "Feedzai",
 	"license": "AGPL-3.0",
 	"keywords": [

diff --git a/src/AutoVizuA11y.tsx b/src/AutoVizuA11y.tsx
@@ -217,7 +217,7 @@ const AutoVizuA11y = ({
 		const SELECTOR = selectorType.element || `.${selectorType.className ?? ""}`;
 		const NEW_ELEMENTS = Array.from(chartRef.current.querySelectorAll(SELECTOR)) as HTMLElement[];
 		setElements(NEW_ELEMENTS);
-	}, [chartRef, selectorType]);
+	}, [chartRef, selectorType, data, children]);
 
 	useEffect(() => {
 		const initSeries = () => {
@@ -295,7 +295,7 @@ const AutoVizuA11y = ({
 			return () => clearTimeout(timer);
 		};
 		asyncEffect();
-	}, [chartRef]);
+	}, [chartRef, data, children]);
 
 	const handleOnKeyDown = useCallback(
 		(event: React.KeyboardEvent<HTMLDivElement>) => {