@datawheel/bespoke 0.3.21 → 0.3.22

package/dist/index.js

@@ -8044,28 +8044,29 @@ function ImageTab(props) {
   const translations = { ...DEFAULT_TRANSLATIONS3, ...optionsTranslations["image_tab"] };
   const { siteProps } = useBespoke();
   const includeLogo = siteProps?.logoSrc && typeof siteProps.logoSrc === "string";
-  const sectionHash = section.settings?.name ? `#${section.settings.name}` : `#section-${section.id}`;
+  const sectionId = section?.settings?.name || `section-${section.id}`;
+  const sectionHash = `#${sectionId}`;
   const theme = useMantineTheme();
   const vizSelectedHasSVG = () => {
-    const vizNode = getVizNode(section.id, vizSelected);
+    const vizNode = getVizNode(vizSelected);
     const svgCount = select(vizNode).select("svg").size();
     return svgCount === 1;
   };
-  const getFileName = () => `${slugify_default(section?.settings?.name || `section-${section.id}`)}`;
-  const getSectionNode = (sectionId) => {
-    const sectionNode = document.getElementById(`section-${sectionId}`);
+  const getFileName = () => `${slugify_default(sectionId)}`;
+  const getSectionNode = () => {
+    const sectionNode = document.getElementById(sectionId);
     return select(sectionNode).select(".bespoke-section-content").node();
   };
-  const getVizNode = (sectionId, vizId) => {
-    const sectionNode = getSectionNode(sectionId);
+  const getVizNode = (vizId) => {
+    const sectionNode = getSectionNode();
     return select(sectionNode).select(`#bespoke-visualization-${vizId}.bespoke-block-area`).node();
   };
   const getSelectedNode = () => new Promise((resolve) => {
     let node;
     if (imageContext === contextOptions.section) {
-      node = getSectionNode(section.id);
+      node = getSectionNode();
     } else if (imageContext === contextOptions.viz) {
-      node = getVizNode(section.id, vizSelected);
+      node = getVizNode(vizSelected);
     }
     const sourceContainer = document.createElement("div");
     sourceContainer.style.display = "flex";
@@ -8157,7 +8158,7 @@ function ImageTab(props) {
   const generatePreviews = async () => {
     const { toCanvas } = await import('html-to-image');
     Promise.all(
-      vizAvailable.map((viz) => toCanvas(getVizNode(section.id, viz.id)))
+      vizAvailable.map((viz) => toCanvas(getVizNode(viz.id)))
     ).then((canvases) => {
       setVizPreviews(canvases.map((canvas) => canvas.toDataURL()));
       setLoadingPreviews(false);

package/package.json

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