react-iiif-vault 0.9.13 → 0.9.14

package/dist/canvas-panel/esm/canvas-panel.mjs

@@ -30,18 +30,19 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import * as React from "react";
-import React__default, { useContext, useMemo, useState, useEffect, createContext, useRef, useLayoutEffect, useCallback, Fragment as Fragment$1, useReducer } from "react";
+import React__default, { useContext, useMemo, useState, useEffect, createContext, useRef, useLayoutEffect, useCallback, Fragment, useReducer } from "react";
 import { AtlasAuto, mergeStyles, RegionHighlight, TileSet } from "@atlas-viewer/atlas";
+import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import { globalVault, Vault } from "@iiif/vault";
 import { createAction } from "typesafe-actions";
 import require$$0 from "react-dom";
 import { ImageServiceLoader, getImageServices, getFixedSizeFromImage } from "@atlas-viewer/iiif-image-api";
-function _setPrototypeOf(o, p2) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p3) {
-    o2.__proto__ = p3;
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
+    o2.__proto__ = p2;
     return o2;
   };
-  return _setPrototypeOf(o, p2);
+  return _setPrototypeOf(o, p);
 }
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
@@ -125,39 +126,6 @@ var ErrorBoundary = /* @__PURE__ */ function(_React$Component) {
   };
   return ErrorBoundary2;
 }(React.Component);
-var jsxRuntime = { exports: {} };
-var reactJsxRuntime_production_min = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var f = React__default, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m$1 = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
-function q(c, a, g) {
-  var b, d = {}, e = null, h = null;
-  g !== void 0 && (e = "" + g);
-  a.key !== void 0 && (e = "" + a.key);
-  a.ref !== void 0 && (h = a.ref);
-  for (b in a)
-    m$1.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
-  if (c && c.defaultProps)
-    for (b in a = c.defaultProps, a)
-      d[b] === void 0 && (d[b] = a[b]);
-  return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
-}
-reactJsxRuntime_production_min.Fragment = l;
-reactJsxRuntime_production_min.jsx = q;
-reactJsxRuntime_production_min.jsxs = q;
-{
-  jsxRuntime.exports = reactJsxRuntime_production_min;
-}
-const jsx = jsxRuntime.exports.jsx;
-const jsxs = jsxRuntime.exports.jsxs;
-const Fragment = jsxRuntime.exports.Fragment;
 const defaultResourceContext = {
   collection: void 0,
   manifest: void 0,
@@ -913,7 +881,7 @@ const RenderAnnotationPage = ({
   const style = useStyles(page, "atlas");
   const html = useStyles(page, "html");
   useVaultSelector((state) => page.id ? state.iiif.entities.AnnotationPage[page.id] : null, []);
-  return /* @__PURE__ */ jsx(Fragment$1, {
+  return /* @__PURE__ */ jsx(Fragment, {
     children: (_a = page.items) == null ? void 0 : _a.map((annotation) => {
       return /* @__PURE__ */ jsx(RenderAnnotation, {
         id: annotation.id,
@@ -934,8 +902,8 @@ function RenderImage({
   children
 }) {
   var _a, _b, _c, _d;
-  return /* @__PURE__ */ jsx(Fragment$1, {
-    children: !image.service ? /* @__PURE__ */ jsxs(Fragment$1, {
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: !image.service ? /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx("world-image", {
         uri: image.id,
         target: image.target.spatial,
@@ -944,7 +912,7 @@ function RenderImage({
           height: image.height
         } : void 0
       }), annotations, children]
-    }, "no-service") : /* @__PURE__ */ jsxs(Fragment$1, {
+    }, "no-service") : /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx(TileSet, {
         tiles: {
           id: image.service.id || image.service["@id"] || "unknown",
@@ -1798,7 +1766,7 @@ function Audio({
   }, state, actions] = useSimpleMediaPlayer({
     duration: media.duration
   });
-  return /* @__PURE__ */ jsx(Fragment, {
+  return /* @__PURE__ */ jsx(Fragment$1, {
     children: /* @__PURE__ */ jsx(CanvasPortal, {
       children: /* @__PURE__ */ jsxs(MediaPlayerProvider, {
         state,
@@ -1826,7 +1794,7 @@ function Video({
     duration: media.duration
   });
   const Component = "div";
-  return /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment$1, {
     children: [/* @__PURE__ */ jsxs(CanvasPortal, {
       overlay: true,
       children: [/* @__PURE__ */ jsx("style", {
@@ -1984,7 +1952,7 @@ function RenderCanvas({
     }
     throw new Error(strategy.reason || "Unknown image strategy");
   }
-  const annotations = /* @__PURE__ */ jsxs(Fragment$1, {
+  const annotations = /* @__PURE__ */ jsxs(Fragment, {
     children: [virtualPage ? /* @__PURE__ */ jsx(RenderAnnotationPage, {
       page: virtualPage
     }) : null, strategy.annotations && strategy.annotations.pages ? strategy.annotations.pages.map((page) => {
@@ -1993,14 +1961,14 @@ function RenderCanvas({
       }, page.id);
     }) : null, children]
   });
-  return /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment$1, {
     children: [/* @__PURE__ */ jsxs("world-object", __spreadProps(__spreadValues({
       height: canvas.height,
       width: canvas.width,
       x,
       y
     }, elementProps), {
-      children: [strategy.type === "images" ? /* @__PURE__ */ jsxs(Fragment, {
+      children: [strategy.type === "images" ? /* @__PURE__ */ jsxs(Fragment$1, {
         children: [strategy.images.map((image, idx) => {
           return /* @__PURE__ */ jsx(RenderImage, {
             isStatic,
@@ -2015,7 +1983,7 @@ function RenderCanvas({
         }) : null]
       }) : null, strategy.type === "3d-model" ? /* @__PURE__ */ jsx(Model, {
         model: strategy.model
-      }) : null, strategy.type === "media" ? /* @__PURE__ */ jsx(Fragment, {
+      }) : null, strategy.type === "media" ? /* @__PURE__ */ jsx(Fragment$1, {
         children: strategy.media.type === "Sound" ? /* @__PURE__ */ jsxs(Audio, {
           media: strategy.media,
           children: [thumbnailFallbackImage, renderMediaControls ? renderMediaControls(strategy) : null]