@manifest-editor/creators 1.3.0 → 1.4.0

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

@@ -0,0 +1,59 @@
+// 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) => {
+            console.log({ resource });
+            const resourcesAsArray = Array.isArray(resource) ? resource : [{ ...resource, parent }];
+            const resources = [];
+            for (const resource2 of resourcesAsArray) {
+              resources.push({ resource: vault2.get(resource2), parent: resource2.parent, selector: resource2.selector });
+            }
+            return { resources };
+          }
+        }
+      }
+    ];
+  }, [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,
+    {
+      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
+};

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

@@ -0,0 +1,58 @@
+// 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) => {
+            const resourcesAsArray = Array.isArray(resource) ? resource : [{ ...resource, parent }];
+            const resources = [];
+            for (const resource2 of resourcesAsArray) {
+              resources.push({ resource: vault2.get(resource2), parent: resource2.parent, selector: resource2.selector });
+            }
+            return resource;
+          }
+        }
+      }
+    ];
+  }, [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,
+    {
+      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
+};

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

@@ -0,0 +1,58 @@
+// 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) => {
+            const resourcesAsArray = Array.isArray(resource) ? resource : [{ ...resource, parent }];
+            const resources = [];
+            for (const resource2 of resourcesAsArray) {
+              resources.push({ resource: vault2.get(resource2), parent: resource2.parent, selector: resource2.selector });
+            }
+            return resources;
+          }
+        }
+      }
+    ];
+  }, [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,
+    {
+      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
+};

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

@@ -0,0 +1,58 @@
+// 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) => {
+            const resourcesAsArray = Array.isArray(resource) ? resource : [{ ...resource, parent }];
+            const resources = [];
+            for (const resource2 of resourcesAsArray) {
+              resources.push({ resource: vault2.get(resource2), parent: resource2.parent });
+            }
+            return { resources };
+          }
+        }
+      }
+    ];
+  }, [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,
+    {
+      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
+};

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

@@ -0,0 +1,57 @@
+// 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: "content-state" }
+      }
+    ];
+  }, [props.runCreate]);
+  const navigationOptions = useMemo(() => {
+    return {
+      canCropImage: true,
+      canSelectCanvas: true,
+      canSelectManifest: false,
+      canSelectCollection: false,
+      // @todo fix the output so this one works.
+      multiSelect: false
+    };
+  }, []);
+  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
+};

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

@@ -0,0 +1,57 @@
+// 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: "content-state" }
+      }
+    ];
+  }, [props.runCreate]);
+  const navigationOptions = useMemo(() => {
+    return {
+      canCropImage: true,
+      canSelectCanvas: true,
+      canSelectManifest: false,
+      canSelectCollection: false,
+      // @todo fix the output so this one works.
+      multiSelect: false
+    };
+  }, []);
+  const uiOptions = useMemo(() => {
+    return {
+      buttonClassName: "me-primary-500"
+    };
+  }, []);
+  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
+};

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

@@ -0,0 +1,59 @@
+// 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) => {
+            console.log({ resource });
+            const resourcesAsArray = Array.isArray(resource) ? resource : [{ ...resource, parent }];
+            const resources = [];
+            for (const resource2 of resourcesAsArray) {
+              resources.push({ resource: vault2.get(resource2), parent: resource2.parent });
+            }
+            return { resources };
+          }
+        }
+      }
+    ];
+  }, [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,
+    {
+      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
+};

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

@@ -0,0 +1,48 @@
+// src/ContentResource/IIIFBrowserCreator/iiif-browser-form.lazy.tsx
+import {
+  PreviewVaultBoundary,
+  usePreviewVault
+} from "@manifest-editor/shell";
+import { IIIFBrowser } from "iiif-browser";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+function IIIFBrowserCreatorForm(props) {
+  const vault = usePreviewVault();
+  const output = useMemo(() => {
+    return [
+      {
+        type: "callback",
+        label: "Select",
+        supportedTypes: [
+          "Canvas",
+          "CanvasList",
+          "CanvasRegion",
+          "ImageService",
+          "ImageServiceRegion"
+        ],
+        cb: (resource) => props.runCreate({ output: resource }),
+        format: { type: "content-state" }
+      }
+    ];
+  }, [props.runCreate]);
+  return /* @__PURE__ */ jsx(PreviewVaultBoundary, { children: /* @__PURE__ */ jsx(
+    IIIFBrowser,
+    {
+      debug: true,
+      vault,
+      className: "iiif-browser border-none border-t rounded-none h-[70vh] min-h-[60vh] max-h-full max-w-full",
+      output,
+      navigation: {
+        canCropImage: true,
+        canSelectCanvas: true,
+        canSelectManifest: false,
+        canSelectCollection: false,
+        // @todo fix the output so this one works.
+        multiSelect: false
+      }
+    }
+  ) });
+}
+export {
+  IIIFBrowserCreatorForm as default
+};

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

@@ -0,0 +1,59 @@
+// 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) => {
+            console.log({ resource });
+            const resourcesAsArray = Array.isArray(resource) ? resource : [{ ...resource, parent }];
+            const resources = [];
+            for (const resource2 of resourcesAsArray) {
+              resources.push({ resource: vault2.get(resource2), parent: resource2.parent, selector: resource2.selector });
+            }
+            return resource;
+          }
+        }
+      }
+    ];
+  }, [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,
+    {
+      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
+};

package/dist/iiif-browser-form.lazy-O35TC45U.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: "content-state" }
+      }
+    ];
+  }, [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
+};

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

@@ -0,0 +1,51 @@
+// src/ContentResource/IIIFBrowserCreator/iiif-browser-form.lazy.tsx
+import {
+  PreviewVaultBoundary,
+  usePreviewVault
+} from "@manifest-editor/shell";
+import { IIIFBrowser } from "iiif-browser";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+function IIIFBrowserCreatorForm(props) {
+  const vault = usePreviewVault();
+  const output = useMemo(() => {
+    return [
+      {
+        type: "callback",
+        label: "Select",
+        supportedTypes: [
+          "Canvas",
+          "CanvasList",
+          "CanvasRegion",
+          "ImageService",
+          "ImageServiceRegion"
+        ],
+        cb: (resource) => props.runCreate({ output: resource }),
+        format: { type: "content-state" }
+      }
+    ];
+  }, [props.runCreate]);
+  const navigationOptions = useMemo(() => {
+    return {
+      canCropImage: true,
+      canSelectCanvas: true,
+      canSelectManifest: false,
+      canSelectCollection: false,
+      // @todo fix the output so this one works.
+      multiSelect: false
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(PreviewVaultBoundary, { children: /* @__PURE__ */ jsx(
+    IIIFBrowser,
+    {
+      debug: true,
+      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
+};

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

@@ -0,0 +1,59 @@
+// 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) => {
+            console.log({ resource });
+            const resourcesAsArray = Array.isArray(resource) ? resource : [{ ...resource, parent }];
+            const resources = [];
+            for (const resource2 of resourcesAsArray) {
+              resources.push({ resource: vault2.get(resource2), parent: resource2.parent, selector: resource2.selector });
+            }
+            return { output: resources };
+          }
+        }
+      }
+    ];
+  }, [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,
+    {
+      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
+};