@manifest-editor/creators 1.3.0 → 1.4.0

package/dist/iiif-browser-form.lazy-XORWZFSW.js

@@ -0,0 +1,49 @@
+// src/ContentResource/IIIFBrowserCreator/iiif-browser-form.lazy.tsx
+import { Vault } from "@iiif/helpers";
+import { PreviewVaultBoundary } from "@manifest-editor/shell";
+import { IIIFBrowser } from "iiif-browser";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+function IIIFBrowserCreatorForm(props) {
+  const vault = useMemo(() => new Vault(), []);
+  const output = useMemo(() => {
+    return [
+      {
+        type: "callback",
+        label: "Select",
+        supportedTypes: ["Canvas", "CanvasList", "CanvasRegion", "ImageService", "ImageServiceRegion"],
+        cb: (resource) => props.runCreate({ output: resource }),
+        format: { type: "custom", format: (resource, parent, vault2) => ({ resource: vault2.get(resource), parent }) }
+      }
+    ];
+  }, [props.runCreate]);
+  const navigationOptions = useMemo(() => {
+    return {
+      canCropImage: true,
+      canSelectCanvas: true,
+      canSelectManifest: false,
+      canSelectCollection: false,
+      // @todo fix the output so this one works.
+      multiSelect: true
+    };
+  }, []);
+  const uiOptions = useMemo(() => {
+    return {
+      buttonClassName: "bg-me-primary-500 text-white hover:bg-me-primary-600"
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(PreviewVaultBoundary, { children: /* @__PURE__ */ jsx(
+    IIIFBrowser,
+    {
+      debug: true,
+      ui: uiOptions,
+      vault,
+      className: "iiif-browser border-none border-t rounded-none h-[70vh] min-h-[60vh] max-h-full max-w-full",
+      output,
+      navigation: navigationOptions
+    }
+  ) });
+}
+export {
+  IIIFBrowserCreatorForm as default
+};