@datawheel/data-explorer 1.1.16 → 1.2.0-rc.1

package/dist/main.d.mts

@@ -782,6 +782,12 @@ declare const defaultTranslation: {
             time_range: string;
             total: string;
         };
+        transient: {
+            title_one_row: string;
+            title_loading: string;
+            title_empty: string;
+            description_empty: string;
+        };
     }>;
     action_copy: string;
     action_copy_done: string;

package/dist/main.mjs

@@ -1,10 +1,10 @@
 import { createStyles, keyframes, Select, Center, Text, rem, Input, Box, Stack, Group, Button, SimpleGrid, Flex, ScrollArea, LoadingOverlay as LoadingOverlay$1, Table, MultiSelect, NumberInput, Menu, ActionIcon, UnstyledButton, Loader, Container, Title, useMantineTheme, TextInput, CopyButton, MantineProvider, Space, Modal, Alert, Paper, Tooltip, useComponentDefaultProps, Skeleton, Anchor, packSx, CloseButton, Tabs, ThemeIcon, Drawer, Switch, Divider, Accordion, Popover, Checkbox } from '@mantine/core';
 import { useClipboard, useDebouncedState, useMediaQuery, useFullscreen, useDisclosure } from '@mantine/hooks';
-import { IconWorld, IconExternalLink, IconClipboard, IconSettings, IconMathGreater, IconMathLower, IconArrowsLeftRight, IconWorldWww, IconClipboardCheck, IconCircleOff, IconAlertCircle, IconAlertTriangle, IconVectorTriangle, IconPhotoDown, IconDownload, IconArrowsMinimize, IconArrowsMaximize, IconCheck, IconShare, IconLanguage, IconCopy, IconBrandGithub, IconArrowLeft, IconArrowRight, IconX, IconChevronLeft, IconChevronRight, IconSearch, IconBox, IconDotsVertical, IconTrash, IconPlus, IconStack3, IconInfoCircleFilled, IconArrowsSort, IconSortDescendingNumbers, IconSortDescendingLetters, IconSortAscendingNumbers, IconSortAscendingLetters, IconHelpCircle, IconFilterOff, IconFilter, IconClock, IconAdjustments } from '@tabler/icons-react';
+import { IconWorld, IconExternalLink, IconClipboard, IconSettings, IconMathGreater, IconMathLower, IconArrowsLeftRight, IconWorldWww, IconClipboardCheck, IconCircleOff, IconAlertCircle, IconAlertTriangle, IconBrandGithub, IconVectorTriangle, IconPhotoDown, IconDownload, IconArrowsMinimize, IconArrowsMaximize, IconCheck, IconShare, IconLanguage, IconCopy, IconArrowLeft, IconArrowRight, IconX, IconChevronLeft, IconChevronRight, IconSearch, IconBox, IconDotsVertical, IconTrash, IconPlus, IconStack3, IconInfoCircleFilled, IconArrowsSort, IconSortDescendingNumbers, IconSortDescendingLetters, IconSortAscendingNumbers, IconSortAscendingLetters, IconHelpCircle, IconFilterOff, IconFilter, IconClock, IconAdjustments } from '@tabler/icons-react';
 import * as React21 from 'react';
-import React21__default, { createContext, forwardRef, useMemo, useCallback, useContext, useRef, useEffect, useState, Component, Suspense, useLayoutEffect } from 'react';
+import React21__default, { createContext, forwardRef, useMemo, useCallback, useContext, useRef, useEffect, useState, Suspense, useLayoutEffect } from 'react';
 import { translationFactory } from '@datawheel/use-translation';
-import { VizbuilderProvider, useVizbuilderContext, d3plusConfigBuilder } from '@datawheel/vizbuilder/react';
+import { VizbuilderProvider, useVizbuilderContext, ErrorBoundary, d3plusConfigBuilder } from '@datawheel/vizbuilder/react';
 import { createSlice, createSelector, combineReducers, configureStore, bindActionCreators } from '@reduxjs/toolkit';
 import { assign } from 'd3plus-common';
 import identity2 from 'lodash-es/identity';
@@ -1990,11 +1990,11 @@ function QueryProvider({ children, defaultCube }) {
             if (currentDrilldown && currentDrilldown.members && currentDrilldown.members.length > 0 && !localeChanged && cube === queryItem.params.cube) {
               return Promise.resolve({
                 drilldown: currentDrilldown,
-                cut: buildCut({ ...currentDrilldown, active: false })
+                cut: buildCut({ ...currentDrilldown, active: false, members: [] })
               });
             } else {
               return fetchMembers(dd.level, newQuery == null ? void 0 : newQuery.params.locale, cube).then((levelMeta) => {
-                const cut = buildCut({ ...dd, active: false });
+                const cut = buildCut({ ...dd, active: false, members: [] });
                 return {
                   drilldown: {
                     ...dd,
@@ -2234,7 +2234,7 @@ function ChartCard(props) {
   const { chart, isFullMode, onFocus, height } = props;
   const { dataset } = chart.datagroup;
   const { translate } = useVizbuilderTranslation();
-  const { downloadFormats, ErrorBoundary: ErrorBoundary2, showConfidenceInt } = useVizbuilderContext();
+  const { downloadFormats, showConfidenceInt, CardErrorComponent } = useVizbuilderContext();
   const nodeRef = useRef(null);
   const { ref: inViewRef, inView } = useInView({ triggerOnce: false, threshold: 0 });
   const [hasBeenInView, setHasBeenInView] = useState(false);
@@ -2253,6 +2253,7 @@ function ChartCard(props) {
     t: translate
   });
   const downloadButtons = useMemo(() => {
+    if (!config) return null;
     const filename = (typeof config.title === "function" ? config.title(dataset) : config.title || "").replace(/[^\w]/g, "_").replace(/[_]+/g, "_");
     return downloadFormats.map((format2) => {
       const formatLower = format2.toLowerCase();
@@ -2309,24 +2310,16 @@ function ChartCard(props) {
     ));
   }, [translate]);
   const resolvedHeight = height ? height : isFullMode ? "calc(100vh - 3rem)" : 400;
-  if (!ChartComponent) return null;
-  return /* @__PURE__ */ React21__default.createElement(
+  if (!ChartComponent || !config) return null;
+  return /* @__PURE__ */ React21__default.createElement(ErrorBoundary, { ErrorContent: CardErrorComponent }, /* @__PURE__ */ React21__default.createElement(
     Paper,
     {
       className: props.className,
       w: "100%",
       style: { overflow: "hidden", height: resolvedHeight, ...props.style }
     },
-    /* @__PURE__ */ React21__default.createElement(ErrorBoundary2, null, /* @__PURE__ */ React21__default.createElement(Stack, { spacing: "xs", p: "xs", style: { position: "relative" }, h: "100%", w: "100%" }, /* @__PURE__ */ React21__default.createElement(Group, { position: "center", spacing: "xs", align: "center" }, isFullMode && shareButton, downloadButtons, onFocus && focusButton), /* @__PURE__ */ React21__default.createElement(
-      Box,
-      {
-        style: { flex: "1 1 auto" },
-        ref: setRefs,
-        sx: { "& > .viz": { height: "100%" } }
-      },
-      ChartComponent && (inView || hasBeenInView) ? /* @__PURE__ */ React21__default.createElement(ChartComponent, { config }) : /* @__PURE__ */ React21__default.createElement("div", { style: { height: "100%", width: "100%" } })
-    )))
-  );
+    /* @__PURE__ */ React21__default.createElement(Stack, { spacing: "xs", p: "xs", style: { position: "relative" }, h: "100%", w: "100%" }, /* @__PURE__ */ React21__default.createElement(Group, { position: "center", spacing: "xs", align: "center" }, isFullMode && shareButton, downloadButtons, onFocus && focusButton), /* @__PURE__ */ React21__default.createElement(Box, { style: { flex: "1 1 auto" }, ref: setRefs, sx: { "& > .viz": { height: "100%" } } }, ChartComponent && (inView || hasBeenInView) ? /* @__PURE__ */ React21__default.createElement(ChartComponent, { config }) : /* @__PURE__ */ React21__default.createElement("div", { style: { height: "100%", width: "100%" } })))
+  ));
 }
 var getBackground = (node) => {
   if (node.nodeType !== Node.ELEMENT_NODE) return "white";
@@ -2377,14 +2370,7 @@ var useStyles = createStyles((theme) => ({
 function Vizbuilder(props) {
   const datasets = useMemo(() => asArray(props.datasets), [props.datasets]);
   const { t } = useVizbuilderTranslation();
-  const {
-    chartLimits,
-    chartTypes,
-    datacap,
-    getTopojsonConfig,
-    ErrorBoundary: ErrorBoundary2,
-    NonIdealState: NonIdealState3
-  } = useVizbuilderContext();
+  const { chartLimits, chartTypes, datacap, getTopojsonConfig, NonIdealState: NonIdealState3 } = useVizbuilderContext();
   const { actions: actions2 } = useSettings();
   const queryItem = useSelector$1(selectCurrentQueryItem);
   const { classes, cx } = useStyles();
@@ -2412,14 +2398,10 @@ function Vizbuilder(props) {
       return /* @__PURE__ */ React21__default.createElement(Flex, { justify: "center", align: "center", direction: "column", w: "50%" }, /* @__PURE__ */ React21__default.createElement(IconCircleOff, { size: 92 }), /* @__PURE__ */ React21__default.createElement(Title, { mt: "md", mb: "md", order: 4 }, t("vizbuilder.transient.title_empty")), /* @__PURE__ */ React21__default.createElement(Text, null, t("transient.description_empty")));
     }
     const isSingleChart = chartList.length === 1;
-    return /* @__PURE__ */ React21__default.createElement(ErrorBoundary2, null, /* @__PURE__ */ React21__default.createElement("div", { className: cx(classes.grid, { [classes.fill]: isSingleChart }) }, chartList.map((chart2, idx) => {
+    return /* @__PURE__ */ React21__default.createElement("div", { className: cx(classes.grid, { [classes.fill]: isSingleChart }) }, chartList.map((chart2, idx) => {
       let className = classes.fill;
       if (!isSingleChart) {
-        const names = [
-          classes.itemLarge,
-          classes.itemSmallTop,
-          classes.itemSmallBottom
-        ];
+        const names = [classes.itemLarge, classes.itemSmallTop, classes.itemSmallBottom];
         className = names[idx % 3];
       }
       return /* @__PURE__ */ React21__default.createElement(
@@ -2432,8 +2414,8 @@ function Vizbuilder(props) {
           className
         }
       );
-    })));
-  }, [charts, classes, datasets, t, cx, ErrorBoundary2]);
+    }));
+  }, [charts, classes, datasets, t, cx]);
   const currentChart = (queryItem == null ? void 0 : queryItem.chart) || "";
   const chart = charts[currentChart];
   return /* @__PURE__ */ React21__default.createElement("div", { className: cls("vb-wrapper", classes.wrapper, props.className) }, props.customHeader, content, props.customFooter, /* @__PURE__ */ React21__default.createElement(
@@ -2505,72 +2487,6 @@ function VizbuilderView(props) {
   };
   return /* @__PURE__ */ React21__default.createElement(Vizbuilder, { datasets: dataset });
 }
-var ErrorBoundary = class extends Component {
-  constructor() {
-    super(...arguments);
-    this.state = {
-      message: "",
-      name: ""
-    };
-    this.clearError = () => this.setState({ message: "", name: "" });
-  }
-  static getDerivedStateFromError(error) {
-    return { message: error.message, name: error.name };
-  }
-  render() {
-    const { message, name: name4 } = this.state;
-    if (!message) {
-      return this.props.children;
-    }
-    return /* @__PURE__ */ React21__default.createElement(TranslationConsumer, null, ({ translate: t }) => {
-      const detailText = t("vizbuilder.error.detail");
-      return /* @__PURE__ */ React21__default.createElement(
-        Flex,
-        {
-          p: "xl",
-          align: "center",
-          justify: "center",
-          direction: "column",
-          className: "chart-card error"
-        },
-        /* @__PURE__ */ React21__default.createElement(Title, { order: 3 }, t("vizbuilder.error.title")),
-        detailText.length ? /* @__PURE__ */ React21__default.createElement(Text, null, detailText) : null,
-        /* @__PURE__ */ React21__default.createElement(Text, null, t("vizbuilder.error.message", { message })),
-        /* @__PURE__ */ React21__default.createElement(Group, { spacing: "xs", my: "sm" }, /* @__PURE__ */ React21__default.createElement(Button, { onClick: this.clearError, size: "xs", variant: "light" }, t("vizbuilder.action_retry")), /* @__PURE__ */ React21__default.createElement(IssueButton, { error: name4, message }))
-      );
-    });
-  }
-};
-function IssueButton(props) {
-  const { error, message } = props;
-  const { t } = useVizbuilderTranslation();
-  const location2 = typeof window === "object" ? window.location : { href: "<SSR>" };
-  const issueParams = new URLSearchParams({
-    title: `[report/vizbuilder] ${error}`,
-    body: [
-      `**URL**: ${location2.href}`,
-      `**Error**: ${error}`,
-      message ? `**Error details:** ${message}
-` : "",
-      "**Detail of the issue:**\n"
-    ].join("\n")
-  });
-  return /* @__PURE__ */ React21__default.createElement(
-    Button,
-    {
-      component: "a",
-      href: `https://github.com/Datawheel/vizbuilder/issues/new?${issueParams}`,
-      leftIcon: /* @__PURE__ */ React21__default.createElement(IconBrandGithub, { size: "1rem" }),
-      rel: "noopener noreferrer",
-      role: "button",
-      size: "xs",
-      tabIndex: 0,
-      target: "_blank",
-      variant: "subtle"
-    },
-    t("action_fileissue")
-  );
-}
 function NonIdealState(props) {
   const { status } = props;
   const { translate: t } = useTranslation();
@@ -3388,53 +3304,38 @@ function FullScreenSVG() {
 function isColumnSorted(column, key) {
   return column == key;
 }
-var propertiesUpdateHandler = (actions2, item, activeProps) => {
-  const properties = item.properties.map(
-    (prop) => buildProperty({
-      ...prop,
-      active: activeProps.includes(prop.key)
-    })
-  );
-  actions2.updateDrilldown({ ...item, properties });
-};
-var removeColumn = (actions2, entity, measures, drilldowns, type, queryItem, updateURL) => {
+var removeColumn = (queryItem, entity) => {
   const newQuery = buildQuery(cloneDeep(queryItem));
+  const params = newQuery.params;
   if ("aggregator" in entity) {
-    const measure = measures.find((d) => d.name === entity.name);
+    const measure = params.measures[entity.name];
     if (measure) {
-      const newMeasure = { ...measure, active: false };
-      actions2.updateMeasure(newMeasure);
-      newQuery.params.measures[newMeasure.name] = newMeasure;
-      updateURL({
-        ...newQuery,
-        params: {
-          ...newQuery.params
-        }
-      });
+      params.measures[entity.name] = { ...measure, active: false };
+      return newQuery;
     }
-  }
-  if ("depth" in entity) {
-    const drilldown = drilldowns.find((d) => d.level === entity.name);
+  } else if ("depth" in entity) {
+    const cut = params.cuts[entity.name];
+    if (cut) {
+      params.cuts[cut.key] = { ...cut, active: false };
+    }
+    const drilldown = params.drilldowns[entity.name];
     if (drilldown) {
-      const newDrilldown = { ...drilldown, active: false };
-      actions2.updateDrilldown(newDrilldown);
-      newQuery.params.drilldowns[newDrilldown.key] = newDrilldown;
-      updateURL({
-        ...newQuery,
-        params: {
-          ...newQuery.params
-        }
-      });
+      params.drilldowns[drilldown.key] = { ...drilldown, active: false };
+      return newQuery;
     }
-  }
-  if (isProperty(type)) {
-    const activeDrilldowns = drilldowns.filter((d) => d.active);
-    const drilldown = activeDrilldowns.find(
-      (dd) => dd.properties.some((property) => property.name === entity.name)
+  } else if ("level" in entity) {
+    const mapPropertyToDrilldown = Object.fromEntries(
+      Object.values(params.drilldowns).filter((drilldown2) => drilldown2.active).flatMap((drilldown2) => drilldown2.properties.map((prop) => [prop.name, drilldown2]))
     );
-    const activeProperties = drilldown == null ? void 0 : drilldown.properties.filter((p) => p.active).filter((p) => p.name !== entity.name).filter((p) => p.active).map((p) => p.name);
-    if (drilldown && activeProperties) {
-      propertiesUpdateHandler(actions2, drilldown, activeProperties);
+    const drilldown = mapPropertyToDrilldown[entity.name];
+    if (drilldown) {
+      params.drilldowns[drilldown.key] = {
+        ...drilldown,
+        properties: drilldown.properties.map(
+          (prop) => prop.name === entity.name ? { ...prop, active: false } : prop
+        )
+      };
+      return newQuery;
     }
   }
 };
@@ -3738,15 +3639,11 @@ function useTable({
                 key: `remove-${column2.columnDef.header}`,
                 disabled: !showTrashIcon(finalKeys, entityType) || isLoading || isFetching,
                 onClick: () => {
-                  removeColumn(
-                    actions2,
-                    entity,
-                    measures,
-                    drilldowns,
-                    entityType,
-                    queryItem,
-                    updateURL
-                  );
+                  const nextQueryItem = removeColumn(queryItem, entity);
+                  if (nextQueryItem) {
+                    actions2.resetAllParams(nextQueryItem.params);
+                    updateURL(nextQueryItem);
+                  }
                 },
                 showTooltip: !showTrashIcon(finalKeys, entityType),
                 size: 25,
@@ -4296,12 +4193,11 @@ function LevelItem({
   activeItems,
   depth = 0
 }) {
-  const [activeFilter, setActiveFilter] = useState(false);
   const [activePropertiesFilter, setActiveProperties] = useState(false);
   const { translate: t } = useTranslation();
   const actions2 = useActions();
   const cutItems = useSelector$1(selectCutItems);
-  let drilldowns = useSelector$1(selectDrilldownMap);
+  const drilldowns = useSelector$1(selectDrilldownMap);
   useSelector$1(selectDrilldownItems);
   const { idFormatters } = useidFormatters();
   const label = useMemo(() => {
@@ -4324,12 +4220,7 @@ function LevelItem({
   const isOtherHierarchySelected = activeItems.some(
     (activeItem) => activeItem.dimension === dimension.name && activeItem.hierarchy !== hierarchy.name
   );
-  const cut = cutItems.find((cut2) => {
-    return cut2.level === (currentDrilldown == null ? void 0 : currentDrilldown.level);
-  });
-  const updatecutHandler = (item, members) => {
-    actions2.updateCut({ ...item, members });
-  };
+  const cut = cutItems.find((cut2) => cut2.level === level.name);
   const checked = activeItems.map((i) => i.level).includes(level.name);
   const disableUncheck = activeItems.length === 1 && checked;
   const isDisabled = isOtherHierarchySelected && !checked;
@@ -4345,6 +4236,8 @@ function LevelItem({
           ...currentDrilldown,
           active: !currentDrilldown.active
         });
+        if (cut && cut.members.length > 0)
+          actions2.updateCut({ ...cut, active: !cut.active });
       },
       checked,
       label,
@@ -4356,22 +4249,28 @@ function LevelItem({
     {
       className: "dex-level-filter",
       size: "sm",
-      onClick: () => setActiveFilter((value) => !value),
+      onClick: () => {
+        const nextCut = buildCut(cut || level);
+        if (cut == null ? void 0 : cut.active) {
+          nextCut.active = false;
+          actions2.updateCut(nextCut);
+        } else {
+          actions2.updateDrilldown({ ...currentDrilldown, active: true });
+          nextCut.active = true;
+          actions2.updateCut(nextCut);
+        }
+      },
       disabled: isDisabled
     },
-    activeFilter ? /* @__PURE__ */ React21__default.createElement(IconFilterOff, null) : /* @__PURE__ */ React21__default.createElement(IconFilter, null)
-  ), properties && /* @__PURE__ */ React21__default.createElement(Tooltip, { label: t("params.add_metadata") }, /* @__PURE__ */ React21__default.createElement(ActionIcon, { onClick: () => setActiveProperties((value) => !value) }, /* @__PURE__ */ React21__default.createElement(IconAdjustments, null))), /* @__PURE__ */ React21__default.createElement(ThemeIcon, { size: "xs", color: "gray", variant: "light", bg: "transparent" }, /* @__PURE__ */ React21__default.createElement(StackSVG, null)))), activeFilter && /* @__PURE__ */ React21__default.createElement(Box, { pt: "md" }, /* @__PURE__ */ React21__default.createElement(
+    (cut == null ? void 0 : cut.active) ? /* @__PURE__ */ React21__default.createElement(IconFilterOff, null) : /* @__PURE__ */ React21__default.createElement(IconFilter, null)
+  ), properties && /* @__PURE__ */ React21__default.createElement(Tooltip, { label: t("params.add_metadata") }, /* @__PURE__ */ React21__default.createElement(ActionIcon, { onClick: () => setActiveProperties((value) => !value) }, /* @__PURE__ */ React21__default.createElement(IconAdjustments, null))), /* @__PURE__ */ React21__default.createElement(ThemeIcon, { size: "xs", color: "gray", variant: "light", bg: "transparent" }, /* @__PURE__ */ React21__default.createElement(StackSVG, null)))), (cut == null ? void 0 : cut.active) && /* @__PURE__ */ React21__default.createElement(Box, { pt: "md" }, /* @__PURE__ */ React21__default.createElement(
     MultiSelect,
     {
       sx: { flex: "1 1 100%" },
       searchable: true,
-      onChange: (value) => {
+      onChange: (members) => {
         if (cut) {
-          if (currentDrilldown.active && !cut.active) {
-            updatecutHandler({ ...cut, active: true }, value);
-          } else {
-            updatecutHandler(cut, value);
-          }
+          actions2.updateCut({ ...cut, active: currentDrilldown.active, members });
         }
       },
       placeholder: `Filter by ${label}`,
@@ -4396,7 +4295,7 @@ function PropertiesMultiSelect({ item }) {
   const locale = useSelector$1(selectLocale);
   const actions2 = useActions();
   const { translate: t } = useTranslation();
-  const propertiesUpdateHandler2 = useCallback(
+  const propertiesUpdateHandler = useCallback(
     (activeProps) => {
       const properties = item.properties.map(
         (prop) => buildProperty({
@@ -4428,7 +4327,7 @@ function PropertiesMultiSelect({ item }) {
     {
       sx: { flex: "1 1 100%" },
       searchable: true,
-      onChange: propertiesUpdateHandler2,
+      onChange: propertiesUpdateHandler,
       value: activeProperties || [],
       placeholder: `Filter by ${label}`,
       data: item.properties.map((property) => ({
@@ -6815,6 +6714,51 @@ function ExplorerTour({ children, tourConfig }) {
     children
   );
 }
+function ReportIssueCard(props) {
+  const { errorMessage, errorClass, onClear: clearHandler } = props;
+  const location2 = typeof window === "object" ? window.location : { href: "<SSR>" };
+  const issueParams = new URLSearchParams({
+    title: `[report/vizbuilder] ${errorClass}`,
+    body: [
+      `**URL**: ${location2.href}`,
+      `**Error**: ${errorClass}`,
+      errorMessage ? `**Error details:** ${errorMessage}
+` : "",
+      "**Detail of the issue:**\n"
+    ].join("\n")
+  });
+  return /* @__PURE__ */ React21__default.createElement(TranslationConsumer, null, ({ translate: t }) => {
+    const detailText = t("vizbuilder.error.detail");
+    return /* @__PURE__ */ React21__default.createElement(Paper, { w: "100%" }, /* @__PURE__ */ React21__default.createElement(
+      Flex,
+      {
+        p: "xl",
+        align: "center",
+        justify: "center",
+        direction: "column",
+        className: "chart-card error"
+      },
+      /* @__PURE__ */ React21__default.createElement(Title, { order: 3 }, t("vizbuilder.error.title")),
+      detailText.length ? /* @__PURE__ */ React21__default.createElement(Text, null, detailText) : null,
+      /* @__PURE__ */ React21__default.createElement(Text, null, t("vizbuilder.error.message", { message: errorMessage })),
+      /* @__PURE__ */ React21__default.createElement(Group, { spacing: "xs", my: "sm" }, /* @__PURE__ */ React21__default.createElement(Button, { onClick: clearHandler, size: "xs", variant: "light" }, t("vizbuilder.action_retry")), /* @__PURE__ */ React21__default.createElement(
+        Button,
+        {
+          component: "a",
+          href: `https://github.com/Datawheel/vizbuilder/issues/new?${issueParams}`,
+          leftIcon: /* @__PURE__ */ React21__default.createElement(IconBrandGithub, { size: "1rem" }),
+          rel: "noopener noreferrer",
+          role: "button",
+          size: "xs",
+          tabIndex: 0,
+          target: "_blank",
+          variant: "subtle"
+        },
+        t("vizbuilder.action_fileissue")
+      ))
+    ));
+  });
+}
 
 // src/components/Explorer.tsx
 var defaultVizbuilderConfig = {
@@ -6832,7 +6776,7 @@ var defaultVizbuilderConfig = {
     TREE_MAP_SHAPE_MAX: 1e3
   },
   downloadFormats: ["SVG", "PNG"],
-  ErrorBoundary,
+  CardErrorComponent: ReportIssueCard,
   NonIdealState
 };
 var defaultTourConfig = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datawheel/data-explorer",
-  "version": "1.1.16",
+  "version": "1.2.0-rc.1",
   "main": "./dist/main.mjs",
   "types": "./dist/main.d.mts",
   "files": [
@@ -19,7 +19,7 @@
   },
   "dependencies": {
     "@datawheel/use-translation": "^0.2.0",
-    "@datawheel/vizbuilder": "^0.7.0",
+    "@datawheel/vizbuilder": "^0.7.4",
     "@reactour/tour": "^3.7.0",
     "@reduxjs/toolkit": "^1.9.3",
     "@tabler/icons-react": "^2.7.0",
@@ -79,4 +79,4 @@
     "vite": "^6.3.0",
     "wrangler": "^4.11.0"
   }
-}
+}