@datawheel/bespoke 0.3.0 → 0.3.2

package/dist/index.js

@@ -285,11 +285,11 @@ var init_getLocales = __esm({
   "libs/configs/getLocales.ts"() {
     init_esm_shims();
     getLocales_default = () => {
-      const localeDefault9 = process.env.NEXT_PUBLIC_REPORTS_LOCALE_DEFAULT || "en";
-      const locales4 = process.env.NEXT_PUBLIC_REPORTS_LOCALES?.split(",") || [localeDefault9];
-      if (!locales4.includes(localeDefault9))
-        locales4.push(localeDefault9);
-      return { localeDefault: localeDefault9, locales: locales4 };
+      const localeDefault10 = process.env.NEXT_PUBLIC_REPORTS_LOCALE_DEFAULT || "en";
+      const locales4 = process.env.NEXT_PUBLIC_REPORTS_LOCALES?.split(",") || [localeDefault10];
+      if (!locales4.includes(localeDefault10))
+        locales4.push(localeDefault10);
+      return { localeDefault: localeDefault10, locales: locales4 };
     };
   }
 });
@@ -2800,10 +2800,6 @@ function useSidebar(sidebar) {
     handlers
   };
 }
-function useCurrentLocale() {
-  const currentLocale = useAppSelector((state) => state.status.currentLocale);
-  return currentLocale;
-}
 function entityListHookFactory(entity) {
   return (id) => {
     const dispatch = useAppDispatch();
@@ -2939,12 +2935,12 @@ var init_hooks = __esm({
       return resource.profilePrefix;
     };
     useBlockContext = (id = void 0, locale = void 0) => {
-      const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
+      const localeDefault10 = useAppSelector((state) => state.status.localeDefault);
       const query = useAppSelector((state) => state.status.query);
       const variables = useInputVariablesFlat(id);
       return {
         variables,
-        locale: locale || localeDefault9,
+        locale: locale || localeDefault10,
         query
       };
     };
@@ -3047,12 +3043,12 @@ var init_sanitizeBlockContent = __esm({
     sanitizeBlockContent_default = sanitizeBlockContent;
   }
 });
-var localeDefault7, frontEndMessage, errorStub, propify, d3plusPropify_default;
+var localeDefault8, frontEndMessage, errorStub, propify, d3plusPropify_default;
 var init_d3plusPropify = __esm({
   "libs/d3plusPropify.ts"() {
     init_esm_shims();
     init_FUNC();
-    localeDefault7 = process.env.NEXT_PUBLIC_REPORTS_LOCALE_DEFAULT || "en";
+    localeDefault8 = process.env.NEXT_PUBLIC_REPORTS_LOCALE_DEFAULT || "en";
     frontEndMessage = "Error Rendering Visualization";
     errorStub = {
       data: [],
@@ -3062,7 +3058,7 @@ var init_d3plusPropify = __esm({
     <strong>${frontEndMessage}</strong>
   </p>`
     };
-    propify = (logic, formatters2, variables = {}, locale = localeDefault7, id = null, actions = {}, globals = {}) => {
+    propify = (logic, formatters2, variables = {}, locale = localeDefault8, id = null, actions = {}, globals = {}) => {
       let config;
       try {
         config = parse({ vars: ["variables"], logic }, formatters2, locale, actions, globals)(variables);
@@ -3669,6 +3665,8 @@ function ExploreFilters({ metadata, onFilter, initialReportId, initialVariantId,
     showSelectors && /* @__PURE__ */ jsx(Group, { position: "center", className: "bespoke-explore-reports-selector", mb: "md", children: selectors.map((s) => /* @__PURE__ */ jsx(
       Button,
       {
+        "data-selected": s.id === selectedProfile?.id ? "true" : "false",
+        "data-report-name": s.name,
         variant: s.id === selectedProfile?.id ? "outline" : "subtle",
         onClick: () => onClickProfile(s),
         children: translations?.dimension[s.name] ?? s.name
@@ -3678,6 +3676,8 @@ function ExploreFilters({ metadata, onFilter, initialReportId, initialVariantId,
     selectedProfile && selectedProfile.variants && selectedProfile.variants.length > 2 && /* @__PURE__ */ jsx(Group, { position: "center", style: { minHeight: "36px" }, className: "bespoke-explore-variant-selector", mb: "md", children: selectedProfile.variants.map((v) => /* @__PURE__ */ jsx(
       Button,
       {
+        "data-selected": v.id === selectedVariant?.id ? "true" : "false",
+        "data-variant-name": v.name,
         variant: v.id === selectedVariant?.id ? "outline" : "subtle",
         onClick: () => onClickVariant(v),
         children: translations?.dimension[v.name] ?? v.name
@@ -3735,8 +3735,8 @@ var useCustomTile = (reportTile) => {
 };
 function ExploreTile({ profile, profilePrefix, onSelect, reportTile }) {
   const currentLocale = useAppSelector((state) => state.status.currentLocale);
-  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
-  const localePrefix = currentLocale === localeDefault9 ? "" : `/${currentLocale}`;
+  const localeDefault10 = useAppSelector((state) => state.status.localeDefault);
+  const localePrefix = currentLocale === localeDefault10 ? "" : `/${currentLocale}`;
   const url = `${localePrefix}${profilePrefix}${profile.path}`;
   const router = useRouter();
   const members = profile.members.map((m) => ({
@@ -4012,8 +4012,8 @@ function BespokeSearch({
 }) {
   const dispatch = useAppDispatch();
   const currentLocale = useAppSelector((state) => state.status.currentLocale);
-  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
-  const localePrefix = currentLocale === localeDefault9 ? "" : `/${currentLocale}`;
+  const localeDefault10 = useAppSelector((state) => state.status.localeDefault);
+  const localePrefix = currentLocale === localeDefault10 ? "" : `/${currentLocale}`;
   const ItemRenderer = useCustomItem(autocompleteProps ? autocompleteProps.itemComponent : null);
   const router = useRouter();
   const [query, setQuery] = useState("");
@@ -4267,15 +4267,11 @@ function TitleIcon({
   const [srcSVG, setSrcSVG] = useState(void 0);
   const iconPath = iconType === "custom" ? icon : `/api/cms/read/icons/${iconType}/icon.svg?name=${icon}`;
   useEffect(() => {
-    if (iconType === "custom" || !icon) {
-      setSrcSVG(void 0);
-      return;
-    } else {
+    if (iconType === "custom" || icon.length) {
       axios.get(iconPath, { responseType: "text" }).then((resp) => resp.data).then(setSrcSVG).catch(() => void 0);
     }
   }, [icon, iconType, iconPath]);
-  const ready = iconType === "custom" || srcSVG;
-  const iconElement = iconType === "custom" ? /* @__PURE__ */ jsx(Image, { src: iconPath, alt: "Title Icon" }) : void 0;
+  const ready = Boolean(srcSVG);
   return /* @__PURE__ */ jsx(Fragment, { children: iconType !== "none" && icon && icon !== "" && ready && /* @__PURE__ */ jsx(
     ThemeIcon,
     {
@@ -4284,8 +4280,8 @@ function TitleIcon({
       radius: iconRadius,
       size: iconSize,
       p: parseInt(iconPadding),
-      dangerouslySetInnerHTML: srcSVG && iconType !== "custom" ? { __html: srcSVG } : void 0,
-      children: iconElement
+      dangerouslySetInnerHTML: srcSVG ? { __html: srcSVG } : void 0,
+      children: null
     }
   ) });
 }
@@ -4310,14 +4306,22 @@ function TranslationsProvider({ translations, children }) {
 // frontend/components/report/hooks/useReportSearch.tsx
 init_store2();
 init_hooks();
+init_getLocales();
+var { localeDefault: localeDefault7 } = getLocales_default();
+function useCustomProps() {
+  const { components } = useBespokeStyles();
+  const { modal, inline } = components?.search ?? {};
+  return { modal, inline };
+}
 function useReportSearch(target, searchType, callback, searchProps, exploreProps) {
+  const customProps = useCustomProps();
   const initialIds = useAppSelector(
     (state) => ({
       reportId: state.variables.attributes.report_id,
       variantId: state.variables.attributes.variant_id1
     })
   );
-  const locale = useCurrentLocale();
+  const router = useRouter();
   const profilePrefix = useProfilePrefix();
   const translations = useBespokeTranslations();
   const targetWithSearch = useMemo(() => {
@@ -4327,12 +4331,13 @@ function useReportSearch(target, searchType, callback, searchProps, exploreProps
         ExploreModal_default,
         {
           exploreProps: {
-            locale,
+            locale: router.locale || localeDefault7,
             profilePrefix,
             translations: translations["explore"],
             initialReportId: initialIds.reportId,
             initialVariantId: initialIds.variantId
           },
+          modalProps: customProps.modal,
           ...exploreProps,
           children: target
         }
@@ -4341,10 +4346,11 @@ function useReportSearch(target, searchType, callback, searchProps, exploreProps
       component = /* @__PURE__ */ jsx(
         Search_default,
         {
-          locale,
+          locale: router.locale || localeDefault7,
           profilePrefix,
           callback,
           ...searchProps,
+          autocompleteProps: customProps.inline,
           children: target
         }
       );
@@ -5063,13 +5069,13 @@ init_hooks();
 function RelatedView(props) {
   const { related_reports } = props;
   const currentLocale = useAppSelector((state) => state.status.currentLocale);
-  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault10 = useAppSelector((state) => state.status.localeDefault);
   const profilePrefix = useProfilePrefix();
   const router = useRouter();
   const { components } = useBespokeStyles();
   if (!related_reports?.length)
     return;
-  const localePrefix = currentLocale === localeDefault9 ? "" : `/${currentLocale}`;
+  const localePrefix = currentLocale === localeDefault10 ? "" : `/${currentLocale}`;
   const onItemSubmit = (innerUrl) => {
     router.push(`${innerUrl}`);
   };
@@ -6779,7 +6785,7 @@ function Block({ blockId, active = true, asComparison = false }) {
     asComparison && comparison.active ? comparison?.variables.attributes : void 0
   );
   const blockContent = getBlockContent(block, locale);
-  const formatterFunctions = useFormatterFunctionsForLocale();
+  const formatterFunctions = useFormatterFunctionsForLocale(locale);
   const blockContext = {
     variables,
     query,
@@ -8521,34 +8527,43 @@ function Section({ section }) {
   const colsQty = Object.keys(columns).length;
   if (!displaySection || comparison.active && settings.comparisonHide)
     return null;
-  const getBlockRenderers = (blocks, asComparison = false) => blocks.map((item) => {
-    if (!item.id || !status[item.id]?.allowed && item.type !== BLOCK_TYPES.NAV)
-      return null;
-    const { settings: settings2, type } = blockRecords[item.id];
-    const blockWidth = settings2.width && !settings2.width.stretch && settings2.width.unit ? formatters[settings2.width.unit](settings2.width.value) : settings2.display === "inline" ? "auto" : "100%";
-    const blockStyles = {
-      alignSelf: type === "visualization" ? "stretch" : "flex-start",
-      flexGrow: 0,
-      margin: "0",
-      textAlign: settings2.align || blockSettings.align.defaultValue,
-      width: blockWidth,
-      minWidth: 300
-    };
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        className: "bespoke-Block-wrapper",
-        id: `bespoke-Block-${item.id}`,
-        sx: blockStyles,
-        py: site_default.block.padding,
-        children: /* @__PURE__ */ jsx(Block, { blockId: item.id, asComparison }, item.id)
-      },
-      item.id
-    );
-  });
+  const getBlockRenderers = (blocks, asComparison = false) => {
+    const cols = Array.from(new Set(blocks.map((b) => b.blockcol))).map((d) => ({ blockcol: d })).sort((a, b) => orderSort(a, b, "blockcol"));
+    const renderers = [];
+    cols.forEach(({ blockcol }) => {
+      const colRenderer = blocks.filter((b) => b.blockcol === blockcol).sort((a, b) => orderSort(a, b, "blockrow")).map((item) => {
+        if (!item.id || !status[item.id]?.allowed && item.type !== BLOCK_TYPES.NAV)
+          return null;
+        const { settings: settings2, type } = blockRecords[item.id];
+        const blockWidth = settings2.width && !settings2.width.stretch && settings2.width.unit ? formatters[settings2.width.unit](settings2.width.value) : settings2.display === "inline" ? "auto" : "100%";
+        const blockStyles = {
+          alignSelf: type === "visualization" ? "stretch" : "flex-start",
+          flexGrow: 0,
+          margin: "0",
+          textAlign: settings2.align || blockSettings.align.defaultValue,
+          width: blockWidth,
+          minWidth: 300
+        };
+        return /* @__PURE__ */ jsx(
+          Box,
+          {
+            className: "bespoke-Block-wrapper",
+            id: `bespoke-Block-${item.id}`,
+            sx: blockStyles,
+            py: site_default.block.padding,
+            children: /* @__PURE__ */ jsx(Block, { blockId: item.id, asComparison }, item.id)
+          },
+          item.id
+        );
+      });
+      renderers.push(colRenderer);
+    });
+    return renderers.flat();
+  };
   let sectionColumns = [];
   if (comparison.active && !settings.comparisonMerge) {
     const blocks = sectionBlocks.reduce((blocks2, block) => ({ ...blocks2, [block.id]: block }), {});
+    console.log("blocks", blocks);
     sectionColumns = [
       /* @__PURE__ */ jsx(SectionColumn, { column: blocks, sx: { flexBasis: "50%" }, children: getBlockRenderers(Object.values(sectionBlocks)) }, "original"),
       /* @__PURE__ */ jsx(SectionColumn, { column: blocks, sx: { flexBasis: "50%" }, children: getBlockRenderers(Object.values(sectionBlocks), true) }, "comparison")
@@ -9064,11 +9079,11 @@ function DrawerContentWithScroll({ content, buttons, size }) {
 }
 function VariantEditor({ for: variant, onClose: closeHandler }) {
   const dispatch = useAppDispatch();
-  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault10 = useAppSelector((state) => state.status.localeDefault);
   const locales4 = useAppSelector((state) => state.status.locales);
   const localesItems = locales4.map((locale) => ({ value: locale, label: locale.toUpperCase() }));
   const [sample, setSample] = useState();
-  const [selectedLocale, setSelectedLocale] = useState(localeDefault9);
+  const [selectedLocale, setSelectedLocale] = useState(localeDefault10);
   const [variantConfig, setVariantConfig] = useState(variant);
   const [loading, setLoading] = useState(false);
   const [loadingFetch, setLoadingFetch] = useState(false);
@@ -9123,8 +9138,8 @@ function VariantEditor({ for: variant, onClose: closeHandler }) {
   useEffect(() => {
     setPayload(void 0);
     let attributesList = [];
-    if (selectedLocale !== localeDefault9) {
-      const defaultAttributes = variantConfig.config[localeDefault9] ? [...variantConfig.config[localeDefault9].attributes].map((item) => {
+    if (selectedLocale !== localeDefault10) {
+      const defaultAttributes = variantConfig.config[localeDefault10] ? [...variantConfig.config[localeDefault10].attributes].map((item) => {
         const newItem = { ...item };
         newItem.value = "";
         return newItem;
@@ -9385,8 +9400,8 @@ function VariantEditor({ for: variant, onClose: closeHandler }) {
                   value: variantConfig.config[selectedLocale].attributes[ix].type,
                   label: "Type",
                   data: [{ value: "variable", label: "Data based" }, { value: "constant", label: "Constant" }],
-                  readOnly: selectedLocale !== localeDefault9,
-                  disabled: selectedLocale !== localeDefault9,
+                  readOnly: selectedLocale !== localeDefault10,
+                  disabled: selectedLocale !== localeDefault10,
                   onChange: (e) => onChangeAttribute("type", ix, e)
                 }
               ),
@@ -9395,8 +9410,8 @@ function VariantEditor({ for: variant, onClose: closeHandler }) {
                 {
                   value: variantConfig.config[selectedLocale].attributes[ix].name,
                   label: "Name",
-                  readOnly: selectedLocale !== localeDefault9,
-                  disabled: selectedLocale !== localeDefault9,
+                  readOnly: selectedLocale !== localeDefault10,
+                  disabled: selectedLocale !== localeDefault10,
                   onChange: (e) => onChangeAttribute("name", ix, e.target.value)
                 }
               ),
@@ -9422,7 +9437,7 @@ function VariantEditor({ for: variant, onClose: closeHandler }) {
                 {
                   color: "red",
                   onClick: () => deleteAttribute(ix),
-                  disabled: selectedLocale !== localeDefault9,
+                  disabled: selectedLocale !== localeDefault10,
                   children: /* @__PURE__ */ jsx(IconTrash, { size: 20 })
                 }
               )
@@ -9433,7 +9448,7 @@ function VariantEditor({ for: variant, onClose: closeHandler }) {
               {
                 onClick: addAttributes,
                 leftIcon: "+",
-                disabled: loading || selectedLocale !== localeDefault9,
+                disabled: loading || selectedLocale !== localeDefault10,
                 children: "Add Attribute"
               }
             )
@@ -9660,9 +9675,9 @@ function normalizeList(value) {
 }
 
 // api/endpoints/member.ts
-var { localeDefault: localeDefault8 } = getLocales_default();
+var { localeDefault: localeDefault9 } = getLocales_default();
 function parseReadMemberParams(query) {
-  const locale = normalizeList(query.locale)[0] || localeDefault8 || "en";
+  const locale = normalizeList(query.locale)[0] || localeDefault9 || "en";
   const all = locale === "all" || yn3(query.all);
   const mode = normalizeList(query.mode)[0];
   const outputParam = normalizeList(query.output)[0] || "full";
@@ -9678,7 +9693,7 @@ function parseReadMemberParams(query) {
       mode,
       variant,
       output,
-      locale: all ? localeDefault8 : stripHTML(locale),
+      locale: all ? localeDefault9 : stripHTML(locale),
       ids: normalizeList(query.ids || query["ids[]"])
     };
   }
@@ -9688,7 +9703,7 @@ function parseReadMemberParams(query) {
       mode,
       variant,
       output,
-      locale: all ? localeDefault8 : stripHTML(locale),
+      locale: all ? localeDefault9 : stripHTML(locale),
       content_ids: normalizeList(query.content_ids || query["content_ids[]"]).map(parseFiniteNumber)
     };
   }
@@ -9698,7 +9713,7 @@ function parseReadMemberParams(query) {
       mode,
       variant,
       output,
-      locale: all ? localeDefault8 : stripHTML(locale),
+      locale: all ? localeDefault9 : stripHTML(locale),
       slugs: normalizeList(query.slugs || query["slugs[]"]).map((token) => {
         const [variantSlug, memberSlug] = token.split("/");
         return { variantSlug, memberSlug };
@@ -9709,7 +9724,7 @@ function parseReadMemberParams(query) {
     return {
       all,
       mode,
-      locale: all ? localeDefault8 : stripHTML(locale),
+      locale: all ? localeDefault9 : stripHTML(locale),
       related: relatedLimit,
       current_ids: normalizeList(query.current_ids || query["current_ids[]"]).map(parseFiniteNumber),
       report_ids: normalizeList(query.report_ids || query["report_ids[]"]).map(parseFiniteNumber),
@@ -9721,7 +9736,7 @@ function parseReadMemberParams(query) {
   throw new BackendError(400, `Invalid mode: '${mode}'`);
 }
 function parseSearchMemberParams(query) {
-  const locale = normalizeList(query.locale)[0] || localeDefault8 || "en";
+  const locale = normalizeList(query.locale)[0] || localeDefault9 || "en";
   const localeIsAll = locale === "all";
   const format2 = normalizeList(query.format)[0];
   const formatIsNested = format2 ? format2 === "nested" : localeIsAll;
@@ -9739,7 +9754,7 @@ function parseSearchMemberParams(query) {
   }
   return {
     query: normalizeList(query.query || query.q)[0] || "",
-    locale: localeIsAll ? localeDefault8 : locale,
+    locale: localeIsAll ? localeDefault9 : locale,
     limit: normalizeList(query.limit).map(parseFiniteNumber)[0] ?? 5,
     format: formatIsNested ? "nested" : "plain",
     includes: yn3(query.includes, { default: true }),
@@ -9977,7 +9992,7 @@ function CMSHeader(props) {
   const reportRef = useReportRef(reportId);
   const profilePrefix = useProfilePrefix();
   const currentLocale = useAppSelector((state) => state.status.currentLocale);
-  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault10 = useAppSelector((state) => state.status.localeDefault);
   const localeOptions = useAppSelector(selectLocaleOptions);
   const previewsFromState = useAppSelector((state) => state.status.previews);
   const settings = useSidebar("settings");
@@ -9995,7 +10010,7 @@ function CMSHeader(props) {
   const previewPath = previewsFromState.reduce((acc, member) => {
     return acc.concat([member.variant_slug, member.slug]);
   }, []);
-  const localePrefix = currentLocale === localeDefault9 ? "" : `/${currentLocale}`;
+  const localePrefix = currentLocale === localeDefault10 ? "" : `/${currentLocale}`;
   const realPath = `${localePrefix}${profilePrefix}/${previewPath.join("/")}`;
   const onSelectPreview = (previewMember) => {
     const newPreviews = currentReport.dimensions.map((dId) => {
@@ -10093,7 +10108,7 @@ function CMSHeader(props) {
               data: localeOptions,
               value: currentLocale,
               onChange: (value) => dispatch(
-                statusActions.setStatus({ currentLocale: value || localeDefault9, previews: [] })
+                statusActions.setStatus({ currentLocale: value || localeDefault10, previews: [] })
               )
             }
           ),
@@ -11396,7 +11411,7 @@ function Block2({
   } = callbacks;
   const block = useBlockRef(id).data;
   const currentLocale = useAppSelector((state) => state.status.currentLocale);
-  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault10 = useAppSelector((state) => state.status.localeDefault);
   const localeDerived = getLocaleDerived(block, currentLocale).locale;
   const [blockState, setBlockState] = useState();
   const [ready, setReady] = useState(false);
@@ -11409,7 +11424,7 @@ function Block2({
   if (!block || !ready || !blockState)
     return null;
   const blockContent = getBlockContent(blockState, currentLocale);
-  const setBlockContent = (content = {}, _locale = localeDefault9, flagModified = true, isValidated = void 0) => {
+  const setBlockContent = (content = {}, _locale = localeDefault10, flagModified = true, isValidated = void 0) => {
     const { locale } = getLocaleDerived(block, _locale);
     if (flagModified && !modified)
       setModified(true);
@@ -13296,7 +13311,7 @@ var getCastedValue = (type, value) => {
   }
 };
 function FormatterForm({ formatterId, onEditEnd }) {
-  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault10 = useAppSelector((state) => state.status.localeDefault);
   const locales4 = useAppSelector((state) => state.status.locales);
   locales4.map((locale) => ({ value: locale, label: `${locale.toUpperCase()}` }));
   const opened = !!formatterId;
@@ -13360,7 +13375,7 @@ function FormatterForm({ formatterId, onEditEnd }) {
     if (formatter) {
       let results = "";
       try {
-        const newFunction = parse({ vars: ["n"], logic: formatter.content.logic }, {}, localeDefault9, {});
+        const newFunction = parse({ vars: ["n"], logic: formatter.content.logic }, {}, localeDefault10, {});
         const castedValue = getCastedValue(formatter.content.inputType, formatter.content.testValue);
         results = newFunction(castedValue);
         setIsValid(true);
@@ -13743,7 +13758,7 @@ function FilterSidebar2({ onChange, loading }) {
       };
     });
   });
-  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault10 = useAppSelector((state) => state.status.localeDefault);
   const [query, setQuery] = useState("");
   const [loadingRegenerate, setLoadingRegenerate] = useState(false);
   const [debouncedQuery] = useDebouncedValue(query, 500);
@@ -13808,7 +13823,7 @@ function FilterSidebar2({ onChange, loading }) {
     /* @__PURE__ */ jsx(
       TextInput,
       {
-        label: `Search item by name (${localeDefault9.toUpperCase()})`,
+        label: `Search item by name (${localeDefault10.toUpperCase()})`,
         value: query,
         onChange: (event) => setQuery(event.currentTarget.value),
         disabled: loading
@@ -14147,11 +14162,11 @@ function ImagePreview2({
 }
 var ImagePreview_default = ImagePreview2;
 function MemberForm({ memberId, onEditEnd }) {
-  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault10 = useAppSelector((state) => state.status.localeDefault);
   const locales4 = useAppSelector((state) => state.status.locales);
   const localesItems = locales4.map((locale) => ({ value: locale, label: `${locale.toUpperCase()}` }));
   const opened = !!memberId;
-  const [selectedLocale, setSelectedLocale] = useState(localeDefault9);
+  const [selectedLocale, setSelectedLocale] = useState(localeDefault10);
   const [member, setMember] = useState(null);
   const [loading, setLoading] = useState(true);
   const [showImageSelector, setShowImageSelector] = useState(false);
@@ -14492,7 +14507,7 @@ function MembersTable({ members, onClickEdit, onSort }) {
   useEffect(() => {
     setRecords(members);
   }, []);
-  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault10 = useAppSelector((state) => state.status.localeDefault);
   const cols = [
     {
       title: "",
@@ -14534,12 +14549,12 @@ function MembersTable({ members, onClickEdit, onSort }) {
       ] })
     },
     {
-      title: `Name ${localeDefault9.toUpperCase()}`,
+      title: `Name ${localeDefault10.toUpperCase()}`,
       sortable: true,
       accessor: "name",
       render: ({ contentByLocale }) => {
-        const defaultLocalized = contentByLocale.find((item) => item.locale === localeDefault9);
-        const othersLocalized = contentByLocale.filter((item) => item.locale !== localeDefault9);
+        const defaultLocalized = contentByLocale.find((item) => item.locale === localeDefault10);
+        const othersLocalized = contentByLocale.filter((item) => item.locale !== localeDefault10);
         const nameTooltipContent = othersLocalized.reduce((acc, item) => {
           const extraName = `${item.locale.toUpperCase()}: ${item.name}`;
           const newLine2 = acc !== "" ? "\n" : "";
@@ -14555,11 +14570,11 @@ function MembersTable({ members, onClickEdit, onSort }) {
       }
     },
     {
-      title: `Keywords ${localeDefault9.toUpperCase()}`,
+      title: `Keywords ${localeDefault10.toUpperCase()}`,
       accessor: "keywords",
       render: ({ contentByLocale }) => {
-        const defaultLocalized = contentByLocale.find((item) => item.locale === localeDefault9);
-        const othersLocalized = contentByLocale.filter((item) => item.locale !== localeDefault9);
+        const defaultLocalized = contentByLocale.find((item) => item.locale === localeDefault10);
+        const othersLocalized = contentByLocale.filter((item) => item.locale !== localeDefault10);
         const keywords = (defaultLocalized.keywords ? defaultLocalized.keywords : []).map((k) => /* @__PURE__ */ jsx(Badge, { children: k }, k));
         const keywordsTooltipContent = othersLocalized.reduce((acc, item) => {
           const otherKeywords = item.keywords || [];
@@ -14921,7 +14936,7 @@ init_esm_shims();
 init_store2();
 function FavoriteMemberSelector({ reportId, initialFavorites = [], onSelectFavorites, onClickDelete }) {
   const reportRef = useReportRef(reportId);
-  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
+  const localeDefault10 = useAppSelector((state) => state.status.localeDefault);
   const currentReport = reportRef.data;
   const [selectedMembers, setSelectedMembers] = useState(
     currentReport ? currentReport.dimensions.map((d) => void 0) : [void 0]
@@ -14961,7 +14976,7 @@ function FavoriteMemberSelector({ reportId, initialFavorites = [], onSelectFavor
         id: dId,
         initialSelection: initialFavorites[ix] ? initialFavorites[ix] : void 0,
         onSelect: (selectedPreview) => onSelectPreview(ix, selectedPreview),
-        locale: localeDefault9
+        locale: localeDefault10
       }
     ) }, dId))
   ] }) });

package/dist/server.js

@@ -5805,7 +5805,7 @@ function BespokeRendererStaticProps(options) {
         ]);
         const state = store.getState();
         const formatterList = selectFormatterList(state);
-        const formatters = funcifyFormattersByLocale(formatterList, localeDefault9);
+        const formatters = funcifyFormattersByLocale(formatterList, locale);
         const sectionList = selectSectionList(state);
         const blockRecords = selectBlockRecords(state);
         const publicBlockRecords = { ...blockRecords };

package/package.json

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