@datawheel/bespoke 0.3.18 → 0.3.20

package/dist/index.js

@@ -3782,8 +3782,8 @@ var init_sanitizeBlockContent = __esm({
 });
 function InnerTooltip(props) {
   const { content, style = {} } = props;
-  const print2 = usePrint();
-  const element = print2 ? /* @__PURE__ */ jsx("div", { className: "bespoke-inner-tooltip-notification", children: /* @__PURE__ */ jsx(
+  const print = usePrint();
+  const element = print ? /* @__PURE__ */ jsx("div", { className: "bespoke-inner-tooltip-notification", children: /* @__PURE__ */ jsx(
     Notification,
     {
       icon: /* @__PURE__ */ jsx(IconInfoCircle, { size: "1.1rem" }),
@@ -4205,7 +4205,7 @@ function TitleView({
   _iconPadding,
   asComparison = false
 }) {
-  const print2 = usePrint();
+  const print = usePrint();
   const titleHTML = sanitizeBlockContent_default(title) || "<span class='cr-block-placeholder'>Title</span>";
   const tooltipHTML = sanitizeBlockContent_default(tooltip);
   const intOrder = settings && settings.order ? parseInt(settings.order, 10) : 1;
@@ -4245,7 +4245,7 @@ function TitleView({
       spacing: "sm",
       children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          print2 ? titleElement : finalElement,
+          print ? titleElement : finalElement,
           displayName && /* @__PURE__ */ jsx(Text, { className: "bespoke-comparison-title", children: memberName })
         ] }),
         tooltip && /* @__PURE__ */ jsx(InnerTooltip, { content: tooltipHTML })
@@ -4362,7 +4362,7 @@ var init_useOnChangeSelector = __esm({
 });
 function Selector(config) {
   const { name, options, id, defaultValue, section, component, asComparison, hideLabel } = config;
-  const print2 = usePrint();
+  const print = usePrint();
   const selectorIdentifier = getSelectorIdentifier(id);
   const router = useRouter();
   const callback = useOnChangeSelector(id, section, selectorIdentifier, asComparison);
@@ -4374,9 +4374,9 @@ function Selector(config) {
     (d) => ({ value: d.id, label: d.label })
   ), [optDependency]);
   const printValue = useMemo(() => {
-    const optionsString = print2 ? options.filter((o) => multiValue.includes(o.id)).map((o) => o.label).join(", ") : "";
+    const optionsString = print ? options.filter((o) => multiValue.includes(o.id)).map((o) => o.label).join(", ") : "";
     return optionsString;
-  }, [print2]);
+  }, [print]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(MediaQuery, { query: "print", styles: { display: "none" }, children: /* @__PURE__ */ jsx(Box, { children: {
       [SELECTOR_TYPES.SINGLE]: component === SELECTOR_COMPONENTS.SEGMENTED_CONTROL ? /* @__PURE__ */ jsxs("div", { children: [
@@ -4419,7 +4419,7 @@ function Selector(config) {
         }
       )
     }[config.type] }) }),
-    print2 && /* @__PURE__ */ jsxs(Text, { children: [
+    print && /* @__PURE__ */ jsxs(Text, { children: [
       name,
       ": ",
       printValue
@@ -5068,7 +5068,7 @@ __export(Viz_exports, {
   default: () => Viz
 });
 function Viz(config) {
-  const print2 = usePrint();
+  const print = usePrint();
   const { block, active, locale, variables, configOverride = {} } = config;
   const content = getBlockContent(block);
   const formatterFunctions = useFormatterFunctionsForLocale(locale);
@@ -5097,8 +5097,8 @@ function Viz(config) {
   const Visualization = vizTypes[fallbackType];
   const vizPropsConfig = useMemo(() => {
     const { _data, ...vizPropsInnerConfig } = vizProps.config;
-    return printOverrides(vizPropsInnerConfig, print2);
-  }, [vizProps, print2]);
+    return printOverrides(vizPropsInnerConfig, print);
+  }, [vizProps, print]);
   const vizConfig = { locale, variables, ...vizPropsConfig, ...configOverride };
   return /* @__PURE__ */ jsx("div", { className: "bespoke-Viz", children: /* @__PURE__ */ jsx(
     "div",
@@ -9144,7 +9144,7 @@ var init_site = __esm({
   }
 });
 function ImageCredits({ previews, translations }) {
-  const print2 = usePrint();
+  const print = usePrint();
   const credits = useMemo(() => previews.map(
     ({ image, name }, idx) => (image?.author || image?.url) && /* @__PURE__ */ jsxs(Stack, { spacing: 0, children: [
       image.author && /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
@@ -9169,7 +9169,7 @@ function ImageCredits({ previews, translations }) {
       idx + 1 < previews.length && /* @__PURE__ */ jsx(Divider, {})
     ] }, image.id)
   ), [previews]);
-  return /* @__PURE__ */ jsx(Fragment, { children: print2 ? /* @__PURE__ */ jsx(Fragment, { children: credits }) : /* @__PURE__ */ jsxs(Popover, { position: "right", children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: print ? /* @__PURE__ */ jsx(Fragment, { children: credits }) : /* @__PURE__ */ jsxs(Popover, { position: "right", children: [
     /* @__PURE__ */ jsx(Popover.Target, { children: /* @__PURE__ */ jsx(ActionIcon, { variant: "light", radius: "xl", children: /* @__PURE__ */ jsx(IconPhoto, { size: 20 }) }) }),
     /* @__PURE__ */ jsx(Popover.Dropdown, { children: credits })
   ] }) });
@@ -9188,6 +9188,7 @@ function SectionWrapper({
   previews,
   translations
 }) {
+  const print = usePrint();
   const showCredits = sectionSettings2.memberImageBg && previews.some(({ image }) => image && (image.url || image.author));
   return /* @__PURE__ */ jsxs(
     PositionWrapper,
@@ -9235,7 +9236,6 @@ function Section({ section }) {
     ...defaultSectionSettings,
     ...settings
   };
-  usePrint();
   const comparison = useComparison();
   const state = useAppSelector((state2) => state2);
   const status = useAppSelector((state2) => state2.variables.status);
@@ -9466,7 +9466,7 @@ function Report({ pathSegmentsKey = "bespoke" }) {
   const { asPath, query } = useRouter();
   const sectionList = useSectionList();
   const comparison = useComparison();
-  const print2 = yn4(query.print) ?? false;
+  const print = yn4(query.print) ?? false;
   const printBtn = yn4(query.printBtn) ?? false;
   const [downloadLoading, setDownloadLoading] = useState(false);
   const printReport = () => {
@@ -9482,12 +9482,12 @@ function Report({ pathSegmentsKey = "bespoke" }) {
     });
   };
   useScrollToAnchor();
-  return /* @__PURE__ */ jsxs(PrintContext.Provider, { value: print2, children: [
-    print2 && /* @__PURE__ */ jsx(MediaQuery, { query: "print", styles: { display: "block" }, children: /* @__PURE__ */ jsx(Title, { display: "none", children: "This is the report header" }) }),
+  return /* @__PURE__ */ jsxs(PrintContext.Provider, { value: print, children: [
+    print && /* @__PURE__ */ jsx(MediaQuery, { query: "print", styles: { display: "block" }, children: /* @__PURE__ */ jsx(Title, { display: "none", children: "This is the report header" }) }),
     /* @__PURE__ */ jsxs(Container, { id: "bespoke-report", 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)),
       /*pdf.active*/
-      printBtn && !print2 && /* @__PURE__ */ jsx(Affix, { position: { bottom: rem(20), right: rem(20) }, children: /* @__PURE__ */ jsx(ActionIcon, { variant: "filled", radius: "xl", color: "blue", onClick: printReport, children: downloadLoading ? /* @__PURE__ */ jsx(Loader, { size: "1.125rem", color: "white" }) : /* @__PURE__ */ jsx(IconDownload, { size: "1.125rem" }) }) })
+      printBtn && !print && /* @__PURE__ */ jsx(Affix, { position: { bottom: rem(20), right: rem(20) }, children: /* @__PURE__ */ jsx(ActionIcon, { variant: "filled", radius: "xl", color: "blue", onClick: printReport, children: downloadLoading ? /* @__PURE__ */ jsx(Loader, { size: "1.125rem", color: "white" }) : /* @__PURE__ */ jsx(IconDownload, { size: "1.125rem" }) }) })
     ] })
   ] });
 }

package/package.json

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