@manifest-editor/shell 1.3.0 → 1.3.1

package/dist/index.cjs

@@ -602,6 +602,7 @@ var import_react7 = require("react");
 
 // src/PreviewContext/PreviewContext.hooks.ts
 var import_react6 = require("react");
+var import_react_iiif_vault2 = require("react-iiif-vault");
 
 // src/PreviewContext/previews/ExternalManifestUrlPreview.ts
 var ExternalManifestUrlPreview = class {
@@ -775,7 +776,6 @@ var IIIFPreviewService = class {
 };
 
 // src/PreviewContext/PreviewContext.hooks.ts
-var import_react_iiif_vault2 = require("react-iiif-vault");
 function usePreviewActions(state, dispatch, handlers, previews, setPreviews) {
   const resource = useAppResource();
   const instanceId = useAppResourceInstance();
@@ -847,8 +847,8 @@ function usePreviewActions(state, dispatch, handlers, previews, setPreviews) {
   async function selectPreview(id) {
     const selectedHandler = handlerMap[id];
     if (selectedHandler && instanceId) {
-      await activatePreview(id);
       dispatch({ type: "selectPreview", payload: id });
+      await activatePreview(id);
     }
   }
   async function getPreviewLink() {
@@ -900,13 +900,13 @@ function usePreviewActions(state, dispatch, handlers, previews, setPreviews) {
             dispatch({ type: "activatePreview", payload: contextualPreview.id });
           } else {
             Object.assign(context, existing?.data || {});
-            dispatch({ type: "activatePreview", payload: id });
+            dispatch({ type: "activatePreview", payload: existing.id });
           }
         }
         const created = await selectedHandler.createPreview(instanceId, resource, vault, context);
         if (created) {
           previewActions.setPreview(created);
-          dispatch({ type: "activatePreview", payload: id });
+          dispatch({ type: "activatePreview", payload: created.id });
         }
       }
     }
@@ -1221,20 +1221,13 @@ var ButtonEmpty = import_styled_components3.default.div`
 
 // src/PreviewButton/PreviewButton.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-function PreviewButton({
-  downloadEnabled,
-  fileName
-}) {
+function PreviewButton({ downloadEnabled, fileName }) {
   const { active, configs, actions, selected } = usePreviewContext();
   const vault = (0, import_react_iiif_vault3.useVault)();
   const config = useConfig();
   const resource = useAppResource();
-  const configsToShow = configs.filter(
-    (c) => c.type === "external-manifest-preview"
-  );
-  const { isOpen, buttonProps, itemProps } = (0, import_react_accessible_dropdown_menu_hook.default)(
-    configsToShow.length
-  );
+  const configsToShow = configs.filter((c) => c.type === "external-manifest-preview");
+  const { isOpen, buttonProps, itemProps } = (0, import_react_accessible_dropdown_menu_hook.default)(configsToShow.length);
   if (configsToShow.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ButtonEmpty, { children: "Preview not available" });
   }
@@ -1246,17 +1239,9 @@ function PreviewButton({
         label: "Download manifest",
         getData: () => {
           if (config.export && config.export.version === 2) {
-            return JSON.stringify(
-              vault.toPresentation2(resource),
-              null,
-              2
-            );
+            return JSON.stringify(vault.toPresentation2(resource), null, 2);
           }
-          return JSON.stringify(
-            vault.toPresentation3(resource),
-            null,
-            2
-          );
+          return JSON.stringify(vault.toPresentation3(resource), null, 2);
         }
       }
     ) }) : null,
@@ -1271,7 +1256,6 @@ function PreviewButton({
                 const found = configs.find((c) => c.id === defaultPreviewId);
                 if (found) {
                   actions.selectPreview(found.id);
-                  actions.updatePreviews();
                   return;
                 }
               }
@@ -1286,29 +1270,17 @@ function PreviewButton({
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MenuContainer, { $open: isOpen, children: configsToShow.map((config2, key) => {
         const inactive = active.indexOf(config2.id) === -1;
         return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(MenuItem, { ...itemProps[key], children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            MenuItemStatus,
-            {
-              $status: inactive ? "available" : config2.id === selected ? "active" : "configured"
-            }
-          ),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MenuItemStatus, { $status: inactive ? "available" : config2.id === selected ? "active" : "configured" }),
           /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             MenuItemLabel,
             {
               onClick: () => {
                 actions.selectPreview(config2.id);
-                actions.updatePreviews();
               },
               children: config2.label
             }
           ),
-          !inactive ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            MenuItemClose,
-            {
-              onClick: () => actions.deletePreview(config2.id),
-              children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CloseIcon, {})
-            }
-          ) : null
+          !inactive ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MenuItemClose, { onClick: () => actions.deletePreview(config2.id), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CloseIcon, {}) }) : null
         ] }, config2.id);
       }) })
     ] })