@datawheel/bespoke 0.3.10 → 0.3.11

package/dist/index.js

@@ -3019,7 +3019,7 @@ var init_store = __esm({
     storeWrapper = createWrapper(storeFactory);
   }
 });
-function withFetcher(Component, useRef15) {
+function withFetcher(Component, useRef16) {
   const ComponentWithFetcher = (props) => {
     const {
       id,
@@ -3027,7 +3027,7 @@ function withFetcher(Component, useRef15) {
       skelWidth,
       ...otherProps
     } = props;
-    const ref = useRef15(id);
+    const ref = useRef16(id);
     if (ref.isUninitialized || ref.isFetching) {
       return /* @__PURE__ */ jsx(Skeleton, { width: skelWidth, height: skelHeight });
     }
@@ -4739,6 +4739,40 @@ function useInitialState(pathSegmentsKey) {
   return loading || !privateBlocks.resolved;
 }
 
+// frontend/hooks/useScrollToAnchor.ts
+init_esm_shims();
+function useScrollToAnchor() {
+  const router = useRouter();
+  const isScrollingRef = useRef(false);
+  const delay = 500;
+  useEffect(() => {
+    const scrollToAnchor = () => {
+      const { asPath } = router;
+      if (!isScrollingRef.current && asPath.includes("#")) {
+        const anchorId = asPath.split("#")[1];
+        const anchorElement = document.getElementById(anchorId);
+        if (anchorElement) {
+          isScrollingRef.current = true;
+          setTimeout(() => {
+            anchorElement.scrollIntoView({
+              behavior: "smooth"
+            });
+            isScrollingRef.current = false;
+          }, delay);
+        }
+      }
+    };
+    scrollToAnchor();
+    const handleHashChange = () => {
+      scrollToAnchor();
+    };
+    router.events.on("hashChangeComplete", handleHashChange);
+    return () => {
+      router.events.off("hashChangeComplete", handleHashChange);
+    };
+  }, [router]);
+}
+
 // hooks/useContentOutline.ts
 init_esm_shims();
 init_store2();
@@ -6593,7 +6627,6 @@ function useCurrentLocale() {
   const { currentLocale, locales: locales4 } = useAppSelector((state) => state.status);
   const paramLocale = query.locale || "";
   useEffect(() => {
-    console.log();
     if (paramLocale && paramLocale !== "" && locales4.includes(paramLocale) && paramLocale !== currentLocale) {
       dispatch(actions_exports.setCurrentLocale(paramLocale));
     }
@@ -8918,6 +8951,7 @@ var Section_default = Section;
 function Report() {
   const sectionList = useSectionList();
   const comparison = useComparison();
+  useScrollToAnchor();
   return /* @__PURE__ */ jsx(Container, { className: comparison.comparisonLoaded ? "compare" : "", p: 0, pos: "relative", fluid: true, children: sectionList.isSuccess && sectionList.data.sort(orderSort).map((section) => /* @__PURE__ */ jsx(Section_default, { section }, section.id)) });
 }
 var Report_default = Report;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datawheel/bespoke",
-  "version": "0.3.10",
+  "version": "0.3.11",
   "description": "Content management system for creating automated data reports",
   "exports": {
     ".": {