@datawheel/bespoke 0.5.2 → 0.5.3

package/dist/index.js

@@ -16309,7 +16309,9 @@ function OptionsModal(props) {
     open,
     title
   } = props;
-  const [selectedTab, setSelectedTab] = useState(initialMode || "data");
+  const settings = getOptionsSettings(section.settings);
+  const availableTabs = useMemo(() => tabList.filter((tId) => settings[tId]), [settings]);
+  const [selectedTab, setSelectedTab] = useState(initialMode || availableTabs[0] || "data");
   const optionsTranslations = useBespokeTranslations("options");
   useEffect(() => {
     if (initialMode !== selectedTab) {
@@ -16317,6 +16319,18 @@ function OptionsModal(props) {
     }
   }, [initialMode]);
   const translations = { ...DEFAULT_TRANSLATIONS5, ...optionsTranslations };
+  const tabs = useMemo(() => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Tabs.List, { children: [
+        settings.data && /* @__PURE__ */ jsx(Tabs.Tab, { value: "data", children: translations.download_title }),
+        settings.image && /* @__PURE__ */ jsx(Tabs.Tab, { value: "image", children: translations.image_title }),
+        settings.share && /* @__PURE__ */ jsx(Tabs.Tab, { value: "share", children: translations.share_title })
+      ] }),
+      settings.data && /* @__PURE__ */ jsx(Tabs.Panel, { value: "data", children: /* @__PURE__ */ jsx(DataTab, { section }) }),
+      settings.image && /* @__PURE__ */ jsx(Tabs.Panel, { value: "image", children: /* @__PURE__ */ jsx(ImageTab, { section }) }),
+      settings.share && /* @__PURE__ */ jsx(Tabs.Panel, { value: "share", children: /* @__PURE__ */ jsx(ShareTab, { section }) })
+    ] });
+  }, [settings, section, translations]);
   return /* @__PURE__ */ jsx("div", { className: "cms-section-options-modal", children: open && /* @__PURE__ */ jsx(
     Modal,
     {
@@ -16325,28 +16339,19 @@ function OptionsModal(props) {
       onClose: () => onEnds(),
       size: "xl",
       title,
-      children: /* @__PURE__ */ jsxs(
+      children: /* @__PURE__ */ jsx(
         Tabs,
         {
           onTabChange: setSelectedTab,
           value: selectedTab,
           keepMounted: false,
-          children: [
-            /* @__PURE__ */ jsxs(Tabs.List, { children: [
-              /* @__PURE__ */ jsx(Tabs.Tab, { value: "data", children: translations.download_title }),
-              /* @__PURE__ */ jsx(Tabs.Tab, { value: "image", children: translations.image_title }),
-              /* @__PURE__ */ jsx(Tabs.Tab, { value: "share", children: translations.share_title })
-            ] }),
-            /* @__PURE__ */ jsx(Tabs.Panel, { value: "data", children: /* @__PURE__ */ jsx(DataTab, { section }) }),
-            /* @__PURE__ */ jsx(Tabs.Panel, { value: "image", children: /* @__PURE__ */ jsx(ImageTab, { section }) }),
-            /* @__PURE__ */ jsx(Tabs.Panel, { value: "share", children: /* @__PURE__ */ jsx(ShareTab, { section }) })
-          ]
+          children: tabs
         }
       )
     }
   ) });
 }
-var DEFAULT_TRANSLATIONS5;
+var DEFAULT_TRANSLATIONS5, tabList;
 var init_OptionsModal = __esm({
   "components/options/OptionsModal.tsx"() {
     init_esm_shims();
@@ -16354,20 +16359,23 @@ var init_OptionsModal = __esm({
     init_ImageTab();
     init_ShareTab();
     init_TranslationsProvider();
+    init_section2();
     DEFAULT_TRANSLATIONS5 = {
       download_title: "Download Data",
       image_title: "Save Image",
       share_title: "Share Link"
     };
+    tabList = ["data", "image", "share"];
   }
 });
 function Options(props) {
-  const { sectionId, disabled = false, optionsSettings } = props;
+  const { sectionId, disabled = false } = props;
   const [opened, setOpened] = useState(false);
   const [mode, setMode] = useState("data");
   const sectionRef = useSectionRef(sectionId);
   const optionsTranslations = useBespokeTranslations("options");
   const translations = { ...DEFAULT_TRANSLATIONS5, ...optionsTranslations };
+  const settings = getOptionsSettings(sectionRef.isSuccess ? sectionRef.data.settings : {});
   const onClickOption = (mode2) => {
     setMode(mode2);
     setOpened(true);
@@ -16377,7 +16385,7 @@ function Options(props) {
   };
   return /* @__PURE__ */ jsxs("div", { className: "cms-section-options", children: [
     /* @__PURE__ */ jsxs(Button.Group, { children: [
-      optionsSettings.data && /* @__PURE__ */ jsx(
+      settings.data && /* @__PURE__ */ jsx(
         Button,
         {
           variant: "default",
@@ -16389,7 +16397,7 @@ function Options(props) {
           children: /* @__PURE__ */ jsx(IconTable, { size: 16 })
         }
       ),
-      optionsSettings.image && /* @__PURE__ */ jsx(
+      settings.image && /* @__PURE__ */ jsx(
         Button,
         {
           variant: "default",
@@ -16401,7 +16409,7 @@ function Options(props) {
           children: /* @__PURE__ */ jsx(IconCamera, { size: 16 })
         }
       ),
-      optionsSettings.share && /* @__PURE__ */ jsx(
+      settings.share && /* @__PURE__ */ jsx(
         Button,
         {
           variant: "default",
@@ -16431,6 +16439,7 @@ var init_Options = __esm({
     init_OptionsModal();
     init_store2();
     init_TranslationsProvider();
+    init_section2();
   }
 });
 
@@ -17154,14 +17163,7 @@ function SectionWrapper({
             children: [
               !print && /* @__PURE__ */ jsxs(Group, { position: "right", mb: "xs", children: [
                 /* @__PURE__ */ jsx(SectionResetButton, { id }),
-                sectionSettings2.optionsMenu && /* @__PURE__ */ jsx(
-                  Options,
-                  {
-                    sectionId: id,
-                    disabled: false,
-                    optionsSettings: getOptionsSettings(sectionSettings2)
-                  }
-                )
+                sectionSettings2.optionsMenu && /* @__PURE__ */ jsx(Options, { sectionId: id, disabled: false })
               ] }),
               /* @__PURE__ */ jsxs(
                 StyleWrapper,
@@ -21471,7 +21473,6 @@ init_cms();
 init_getBlockContent();
 init_Options();
 init_SectionMenu();
-init_section2();
 function SectionHeader({
   active,
   isDragging,
@@ -21514,7 +21515,7 @@ function SectionHeader({
         /* @__PURE__ */ jsxs(Group, { children: [
           sectionSettings2.optionsMenu && /* @__PURE__ */ jsxs(Flex, { justify: "flex-end", mx: 16, align: "center", gap: "xs", children: [
             /* @__PURE__ */ jsx(SectionResetButton, { id: section.id }),
-            /* @__PURE__ */ jsx(Options, { sectionId: section.id, disabled: !active, optionsSettings: getOptionsSettings(sectionSettings2) })
+            /* @__PURE__ */ jsx(Options, { sectionId: section.id, disabled: !active })
           ] }),
           /* @__PURE__ */ jsx(SectionMenu_default, { sectionId: id, onActivate })
         ] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datawheel/bespoke",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "Content management system for creating automated data reports",
   "exports": {
     ".": {
@@ -141,4 +141,4 @@
   "peerDependencies": {
     "next": "^14.2.3"
   }
-}
+}