@annotorious/react 3.7.3 → 3.7.5

package/dist/annotorious-react.es19.js

@@ -1,137 +1,25 @@
-function c() {
-  return typeof window < "u";
-}
-function u(t) {
-  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function i(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-function N(t) {
-  var e;
-  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
-}
-function p(t) {
-  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
-}
-function m(t) {
-  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
-}
-function w(t) {
-  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
-}
-function f(t) {
-  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
-}
-const E = /* @__PURE__ */ new Set(["inline", "contents"]);
-function y(t) {
-  const {
-    overflow: e,
-    overflowX: n,
-    overflowY: o,
-    display: r
-  } = S(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
-}
-const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function A(t) {
-  return T.has(u(t));
-}
-const v = [":popover-open", ":modal"];
-function L(t) {
-  return v.some((e) => {
-    try {
-      return t.matches(e);
-    } catch {
-      return !1;
-    }
+import * as r from "react";
+import { useLayoutEffect as u } from "react";
+var c = typeof document < "u", s = function() {
+}, l = c ? u : s;
+const a = {
+  ...r
+}, i = a.useInsertionEffect, E = i || ((e) => e());
+function p(e) {
+  const t = r.useRef(() => {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error("Cannot call an event handler while rendering.");
   });
-}
-const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
-function V(t) {
-  const e = O(), n = m(t) ? S(t) : t;
-  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
-}
-function B(t) {
-  let e = s(t);
-  for (; w(e) && !h(e); ) {
-    if (V(e))
-      return e;
-    if (L(e))
-      return null;
-    e = s(e);
-  }
-  return null;
-}
-function O() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function h(t) {
-  return R.has(u(t));
-}
-function S(t) {
-  return i(t).getComputedStyle(t);
-}
-function F(t) {
-  return m(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
-  };
-}
-function s(t) {
-  if (u(t) === "html")
-    return t;
-  const e = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    f(t) && t.host || // Fallback.
-    N(t)
-  );
-  return f(e) ? e.host : e;
-}
-function b(t) {
-  const e = s(t);
-  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
-}
-function d(t, e, n) {
-  var o;
-  e === void 0 && (e = []), n === void 0 && (n = !0);
-  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
-  if (g) {
-    const a = _(l);
-    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
-  }
-  return e.concat(r, d(r, [], n));
-}
-function _(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+  return E(() => {
+    t.current = e;
+  }), r.useCallback(function() {
+    for (var o = arguments.length, f = new Array(o), n = 0; n < o; n++)
+      f[n] = arguments[n];
+    return t.current == null ? void 0 : t.current(...f);
+  }, []);
 }
 export {
-  S as getComputedStyle,
-  B as getContainingBlock,
-  N as getDocumentElement,
-  _ as getFrameElement,
-  b as getNearestOverflowAncestor,
-  u as getNodeName,
-  F as getNodeScroll,
-  d as getOverflowAncestors,
-  s as getParentNode,
-  i as getWindow,
-  V as isContainingBlock,
-  m as isElement,
-  w as isHTMLElement,
-  h as isLastTraversableNode,
-  p as isNode,
-  y as isOverflowElement,
-  f as isShadowRoot,
-  A as isTableElement,
-  L as isTopLayer,
-  O as isWebKit
+  p as useEffectEvent,
+  l as useModernLayoutEffect
 };
 //# sourceMappingURL=annotorious-react.es19.js.map

package/dist/annotorious-react.es19.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es19.js","sources":["../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs"],"sourcesContent":["function hasWindow() {\n  return typeof window !== 'undefined';\n}\nfunction getNodeName(node) {\n  if (isNode(node)) {\n    return (node.nodeName || '').toLowerCase();\n  }\n  // Mocked nodes in testing environments may not be instances of Node. By\n  // returning `#document` an infinite loop won't occur.\n  // https://github.com/floating-ui/floating-ui/issues/2317\n  return '#document';\n}\nfunction getWindow(node) {\n  var _node$ownerDocument;\n  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;\n}\nfunction getDocumentElement(node) {\n  var _ref;\n  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;\n}\nfunction isNode(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Node || value instanceof getWindow(value).Node;\n}\nfunction isElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Element || value instanceof getWindow(value).Element;\n}\nfunction isHTMLElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;\n}\nfunction isShadowRoot(value) {\n  if (!hasWindow() || typeof ShadowRoot === 'undefined') {\n    return false;\n  }\n  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;\n}\nconst invalidOverflowDisplayValues = /*#__PURE__*/new Set(['inline', 'contents']);\nfunction isOverflowElement(element) {\n  const {\n    overflow,\n    overflowX,\n    overflowY,\n    display\n  } = getComputedStyle(element);\n  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);\n}\nconst tableElements = /*#__PURE__*/new Set(['table', 'td', 'th']);\nfunction isTableElement(element) {\n  return tableElements.has(getNodeName(element));\n}\nconst topLayerSelectors = [':popover-open', ':modal'];\nfunction isTopLayer(element) {\n  return topLayerSelectors.some(selector => {\n    try {\n      return element.matches(selector);\n    } catch (_e) {\n      return false;\n    }\n  });\n}\nconst transformProperties = ['transform', 'translate', 'scale', 'rotate', 'perspective'];\nconst willChangeValues = ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'];\nconst containValues = ['paint', 'layout', 'strict', 'content'];\nfunction isContainingBlock(elementOrCss) {\n  const webkit = isWebKit();\n  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;\n\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n  // https://drafts.csswg.org/css-transforms-2/#individual-transforms\n  return transformProperties.some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || willChangeValues.some(value => (css.willChange || '').includes(value)) || containValues.some(value => (css.contain || '').includes(value));\n}\nfunction getContainingBlock(element) {\n  let currentNode = getParentNode(element);\n  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n    if (isContainingBlock(currentNode)) {\n      return currentNode;\n    } else if (isTopLayer(currentNode)) {\n      return null;\n    }\n    currentNode = getParentNode(currentNode);\n  }\n  return null;\n}\nfunction isWebKit() {\n  if (typeof CSS === 'undefined' || !CSS.supports) return false;\n  return CSS.supports('-webkit-backdrop-filter', 'none');\n}\nconst lastTraversableNodeNames = /*#__PURE__*/new Set(['html', 'body', '#document']);\nfunction isLastTraversableNode(node) {\n  return lastTraversableNodeNames.has(getNodeName(node));\n}\nfunction getComputedStyle(element) {\n  return getWindow(element).getComputedStyle(element);\n}\nfunction getNodeScroll(element) {\n  if (isElement(element)) {\n    return {\n      scrollLeft: element.scrollLeft,\n      scrollTop: element.scrollTop\n    };\n  }\n  return {\n    scrollLeft: element.scrollX,\n    scrollTop: element.scrollY\n  };\n}\nfunction getParentNode(node) {\n  if (getNodeName(node) === 'html') {\n    return node;\n  }\n  const result =\n  // Step into the shadow DOM of the parent of a slotted node.\n  node.assignedSlot ||\n  // DOM Element detected.\n  node.parentNode ||\n  // ShadowRoot detected.\n  isShadowRoot(node) && node.host ||\n  // Fallback.\n  getDocumentElement(node);\n  return isShadowRoot(result) ? result.host : result;\n}\nfunction getNearestOverflowAncestor(node) {\n  const parentNode = getParentNode(node);\n  if (isLastTraversableNode(parentNode)) {\n    return node.ownerDocument ? node.ownerDocument.body : node.body;\n  }\n  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {\n    return parentNode;\n  }\n  return getNearestOverflowAncestor(parentNode);\n}\nfunction getOverflowAncestors(node, list, traverseIframes) {\n  var _node$ownerDocument2;\n  if (list === void 0) {\n    list = [];\n  }\n  if (traverseIframes === void 0) {\n    traverseIframes = true;\n  }\n  const scrollableAncestor = getNearestOverflowAncestor(node);\n  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);\n  const win = getWindow(scrollableAncestor);\n  if (isBody) {\n    const frameElement = getFrameElement(win);\n    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);\n  }\n  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));\n}\nfunction getFrameElement(win) {\n  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;\n}\n\nexport { getComputedStyle, getContainingBlock, getDocumentElement, getFrameElement, getNearestOverflowAncestor, getNodeName, getNodeScroll, getOverflowAncestors, getParentNode, getWindow, isContainingBlock, isElement, isHTMLElement, isLastTraversableNode, isNode, isOverflowElement, isShadowRoot, isTableElement, isTopLayer, isWebKit };\n"],"names":["hasWindow","getNodeName","node","isNode","getWindow","_node$ownerDocument","getDocumentElement","_ref","value","isElement","isHTMLElement","isShadowRoot","invalidOverflowDisplayValues","isOverflowElement","element","overflow","overflowX","overflowY","display","getComputedStyle","tableElements","isTableElement","topLayerSelectors","isTopLayer","selector","transformProperties","willChangeValues","containValues","isContainingBlock","elementOrCss","webkit","isWebKit","css","getContainingBlock","currentNode","getParentNode","isLastTraversableNode","lastTraversableNodeNames","getNodeScroll","result","getNearestOverflowAncestor","parentNode","getOverflowAncestors","list","traverseIframes","_node$ownerDocument2","scrollableAncestor","isBody","win","frameElement","getFrameElement"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"annotorious-react.es19.js","sources":["../../../node_modules/@floating-ui/react/dist/floating-ui.react.utils.mjs"],"sourcesContent":["import { isShadowRoot, isHTMLElement } from '@floating-ui/utils/dom';\nimport * as React from 'react';\nimport { useLayoutEffect } from 'react';\nimport { floor } from '@floating-ui/utils';\nimport { tabbable } from 'tabbable';\n\n// Avoid Chrome DevTools blue warning.\nfunction getPlatform() {\n  const uaData = navigator.userAgentData;\n  if (uaData != null && uaData.platform) {\n    return uaData.platform;\n  }\n  return navigator.platform;\n}\nfunction getUserAgent() {\n  const uaData = navigator.userAgentData;\n  if (uaData && Array.isArray(uaData.brands)) {\n    return uaData.brands.map(_ref => {\n      let {\n        brand,\n        version\n      } = _ref;\n      return brand + \"/\" + version;\n    }).join(' ');\n  }\n  return navigator.userAgent;\n}\nfunction isSafari() {\n  // Chrome DevTools does not complain about navigator.vendor\n  return /apple/i.test(navigator.vendor);\n}\nfunction isAndroid() {\n  const re = /android/i;\n  return re.test(getPlatform()) || re.test(getUserAgent());\n}\nfunction isMac() {\n  return getPlatform().toLowerCase().startsWith('mac') && !navigator.maxTouchPoints;\n}\nfunction isJSDOM() {\n  return getUserAgent().includes('jsdom/');\n}\n\nconst FOCUSABLE_ATTRIBUTE = 'data-floating-ui-focusable';\nconst TYPEABLE_SELECTOR = \"input:not([type='hidden']):not([disabled]),\" + \"[contenteditable]:not([contenteditable='false']),textarea:not([disabled])\";\nconst ARROW_LEFT = 'ArrowLeft';\nconst ARROW_RIGHT = 'ArrowRight';\nconst ARROW_UP = 'ArrowUp';\nconst ARROW_DOWN = 'ArrowDown';\n\nfunction activeElement(doc) {\n  let activeElement = doc.activeElement;\n  while (((_activeElement = activeElement) == null || (_activeElement = _activeElement.shadowRoot) == null ? void 0 : _activeElement.activeElement) != null) {\n    var _activeElement;\n    activeElement = activeElement.shadowRoot.activeElement;\n  }\n  return activeElement;\n}\nfunction contains(parent, child) {\n  if (!parent || !child) {\n    return false;\n  }\n  const rootNode = child.getRootNode == null ? void 0 : child.getRootNode();\n\n  // First, attempt with faster native method\n  if (parent.contains(child)) {\n    return true;\n  }\n\n  // then fallback to custom implementation with Shadow DOM support\n  if (rootNode && isShadowRoot(rootNode)) {\n    let next = child;\n    while (next) {\n      if (parent === next) {\n        return true;\n      }\n      // @ts-ignore\n      next = next.parentNode || next.host;\n    }\n  }\n\n  // Give up, the result is false\n  return false;\n}\nfunction getTarget(event) {\n  if ('composedPath' in event) {\n    return event.composedPath()[0];\n  }\n\n  // TS thinks `event` is of type never as it assumes all browsers support\n  // `composedPath()`, but browsers without shadow DOM don't.\n  return event.target;\n}\nfunction isEventTargetWithin(event, node) {\n  if (node == null) {\n    return false;\n  }\n  if ('composedPath' in event) {\n    return event.composedPath().includes(node);\n  }\n\n  // TS thinks `event` is of type never as it assumes all browsers support composedPath, but browsers without shadow dom don't\n  const e = event;\n  return e.target != null && node.contains(e.target);\n}\nfunction isRootElement(element) {\n  return element.matches('html,body');\n}\nfunction getDocument(node) {\n  return (node == null ? void 0 : node.ownerDocument) || document;\n}\nfunction isTypeableElement(element) {\n  return isHTMLElement(element) && element.matches(TYPEABLE_SELECTOR);\n}\nfunction isTypeableCombobox(element) {\n  if (!element) return false;\n  return element.getAttribute('role') === 'combobox' && isTypeableElement(element);\n}\nfunction matchesFocusVisible(element) {\n  // We don't want to block focus from working with `visibleOnly`\n  // (JSDOM doesn't match `:focus-visible` when the element has `:focus`)\n  if (!element || isJSDOM()) return true;\n  try {\n    return element.matches(':focus-visible');\n  } catch (_e) {\n    return true;\n  }\n}\nfunction getFloatingFocusElement(floatingElement) {\n  if (!floatingElement) {\n    return null;\n  }\n  // Try to find the element that has `{...getFloatingProps()}` spread on it.\n  // This indicates the floating element is acting as a positioning wrapper, and\n  // so focus should be managed on the child element with the event handlers and\n  // aria props.\n  return floatingElement.hasAttribute(FOCUSABLE_ATTRIBUTE) ? floatingElement : floatingElement.querySelector(\"[\" + FOCUSABLE_ATTRIBUTE + \"]\") || floatingElement;\n}\n\nfunction getNodeChildren(nodes, id, onlyOpenChildren) {\n  if (onlyOpenChildren === void 0) {\n    onlyOpenChildren = true;\n  }\n  const directChildren = nodes.filter(node => {\n    var _node$context;\n    return node.parentId === id && (!onlyOpenChildren || ((_node$context = node.context) == null ? void 0 : _node$context.open));\n  });\n  return directChildren.flatMap(child => [child, ...getNodeChildren(nodes, child.id, onlyOpenChildren)]);\n}\nfunction getDeepestNode(nodes, id) {\n  let deepestNodeId;\n  let maxDepth = -1;\n  function findDeepest(nodeId, depth) {\n    if (depth > maxDepth) {\n      deepestNodeId = nodeId;\n      maxDepth = depth;\n    }\n    const children = getNodeChildren(nodes, nodeId);\n    children.forEach(child => {\n      findDeepest(child.id, depth + 1);\n    });\n  }\n  findDeepest(id, 0);\n  return nodes.find(node => node.id === deepestNodeId);\n}\nfunction getNodeAncestors(nodes, id) {\n  var _nodes$find;\n  let allAncestors = [];\n  let currentParentId = (_nodes$find = nodes.find(node => node.id === id)) == null ? void 0 : _nodes$find.parentId;\n  while (currentParentId) {\n    const currentNode = nodes.find(node => node.id === currentParentId);\n    currentParentId = currentNode == null ? void 0 : currentNode.parentId;\n    if (currentNode) {\n      allAncestors = allAncestors.concat(currentNode);\n    }\n  }\n  return allAncestors;\n}\n\nfunction stopEvent(event) {\n  event.preventDefault();\n  event.stopPropagation();\n}\nfunction isReactEvent(event) {\n  return 'nativeEvent' in event;\n}\n\n// License: https://github.com/adobe/react-spectrum/blob/b35d5c02fe900badccd0cf1a8f23bb593419f238/packages/@react-aria/utils/src/isVirtualEvent.ts\nfunction isVirtualClick(event) {\n  // FIXME: Firefox is now emitting a deprecation warning for `mozInputSource`.\n  // Try to find a workaround for this. `react-aria` source still has the check.\n  if (event.mozInputSource === 0 && event.isTrusted) {\n    return true;\n  }\n  if (isAndroid() && event.pointerType) {\n    return event.type === 'click' && event.buttons === 1;\n  }\n  return event.detail === 0 && !event.pointerType;\n}\nfunction isVirtualPointerEvent(event) {\n  if (isJSDOM()) return false;\n  return !isAndroid() && event.width === 0 && event.height === 0 || isAndroid() && event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === 'mouse' ||\n  // iOS VoiceOver returns 0.333• for width/height.\n  event.width < 1 && event.height < 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === 'touch';\n}\nfunction isMouseLikePointerType(pointerType, strict) {\n  // On some Linux machines with Chromium, mouse inputs return a `pointerType`\n  // of \"pen\": https://github.com/floating-ui/floating-ui/issues/2015\n  const values = ['mouse', 'pen'];\n  if (!strict) {\n    values.push('', undefined);\n  }\n  return values.includes(pointerType);\n}\n\nvar isClient = typeof document !== 'undefined';\n\nvar noop = function noop() {};\nvar index = isClient ? useLayoutEffect : noop;\n\n// https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379\nconst SafeReact = {\n  ...React\n};\n\nfunction useLatestRef(value) {\n  const ref = React.useRef(value);\n  index(() => {\n    ref.current = value;\n  });\n  return ref;\n}\nconst useInsertionEffect = SafeReact.useInsertionEffect;\nconst useSafeInsertionEffect = useInsertionEffect || (fn => fn());\nfunction useEffectEvent(callback) {\n  const ref = React.useRef(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      throw new Error('Cannot call an event handler while rendering.');\n    }\n  });\n  useSafeInsertionEffect(() => {\n    ref.current = callback;\n  });\n  return React.useCallback(function () {\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    return ref.current == null ? void 0 : ref.current(...args);\n  }, []);\n}\n\nfunction isDifferentGridRow(index, cols, prevRow) {\n  return Math.floor(index / cols) !== prevRow;\n}\nfunction isIndexOutOfListBounds(listRef, index) {\n  return index < 0 || index >= listRef.current.length;\n}\nfunction getMinListIndex(listRef, disabledIndices) {\n  return findNonDisabledListIndex(listRef, {\n    disabledIndices\n  });\n}\nfunction getMaxListIndex(listRef, disabledIndices) {\n  return findNonDisabledListIndex(listRef, {\n    decrement: true,\n    startingIndex: listRef.current.length,\n    disabledIndices\n  });\n}\nfunction findNonDisabledListIndex(listRef, _temp) {\n  let {\n    startingIndex = -1,\n    decrement = false,\n    disabledIndices,\n    amount = 1\n  } = _temp === void 0 ? {} : _temp;\n  let index = startingIndex;\n  do {\n    index += decrement ? -amount : amount;\n  } while (index >= 0 && index <= listRef.current.length - 1 && isListIndexDisabled(listRef, index, disabledIndices));\n  return index;\n}\nfunction getGridNavigatedIndex(listRef, _ref) {\n  let {\n    event,\n    orientation,\n    loop,\n    rtl,\n    cols,\n    disabledIndices,\n    minIndex,\n    maxIndex,\n    prevIndex,\n    stopEvent: stop = false\n  } = _ref;\n  let nextIndex = prevIndex;\n  if (event.key === ARROW_UP) {\n    stop && stopEvent(event);\n    if (prevIndex === -1) {\n      nextIndex = maxIndex;\n    } else {\n      nextIndex = findNonDisabledListIndex(listRef, {\n        startingIndex: nextIndex,\n        amount: cols,\n        decrement: true,\n        disabledIndices\n      });\n      if (loop && (prevIndex - cols < minIndex || nextIndex < 0)) {\n        const col = prevIndex % cols;\n        const maxCol = maxIndex % cols;\n        const offset = maxIndex - (maxCol - col);\n        if (maxCol === col) {\n          nextIndex = maxIndex;\n        } else {\n          nextIndex = maxCol > col ? offset : offset - cols;\n        }\n      }\n    }\n    if (isIndexOutOfListBounds(listRef, nextIndex)) {\n      nextIndex = prevIndex;\n    }\n  }\n  if (event.key === ARROW_DOWN) {\n    stop && stopEvent(event);\n    if (prevIndex === -1) {\n      nextIndex = minIndex;\n    } else {\n      nextIndex = findNonDisabledListIndex(listRef, {\n        startingIndex: prevIndex,\n        amount: cols,\n        disabledIndices\n      });\n      if (loop && prevIndex + cols > maxIndex) {\n        nextIndex = findNonDisabledListIndex(listRef, {\n          startingIndex: prevIndex % cols - cols,\n          amount: cols,\n          disabledIndices\n        });\n      }\n    }\n    if (isIndexOutOfListBounds(listRef, nextIndex)) {\n      nextIndex = prevIndex;\n    }\n  }\n\n  // Remains on the same row/column.\n  if (orientation === 'both') {\n    const prevRow = floor(prevIndex / cols);\n    if (event.key === (rtl ? ARROW_LEFT : ARROW_RIGHT)) {\n      stop && stopEvent(event);\n      if (prevIndex % cols !== cols - 1) {\n        nextIndex = findNonDisabledListIndex(listRef, {\n          startingIndex: prevIndex,\n          disabledIndices\n        });\n        if (loop && isDifferentGridRow(nextIndex, cols, prevRow)) {\n          nextIndex = findNonDisabledListIndex(listRef, {\n            startingIndex: prevIndex - prevIndex % cols - 1,\n            disabledIndices\n          });\n        }\n      } else if (loop) {\n        nextIndex = findNonDisabledListIndex(listRef, {\n          startingIndex: prevIndex - prevIndex % cols - 1,\n          disabledIndices\n        });\n      }\n      if (isDifferentGridRow(nextIndex, cols, prevRow)) {\n        nextIndex = prevIndex;\n      }\n    }\n    if (event.key === (rtl ? ARROW_RIGHT : ARROW_LEFT)) {\n      stop && stopEvent(event);\n      if (prevIndex % cols !== 0) {\n        nextIndex = findNonDisabledListIndex(listRef, {\n          startingIndex: prevIndex,\n          decrement: true,\n          disabledIndices\n        });\n        if (loop && isDifferentGridRow(nextIndex, cols, prevRow)) {\n          nextIndex = findNonDisabledListIndex(listRef, {\n            startingIndex: prevIndex + (cols - prevIndex % cols),\n            decrement: true,\n            disabledIndices\n          });\n        }\n      } else if (loop) {\n        nextIndex = findNonDisabledListIndex(listRef, {\n          startingIndex: prevIndex + (cols - prevIndex % cols),\n          decrement: true,\n          disabledIndices\n        });\n      }\n      if (isDifferentGridRow(nextIndex, cols, prevRow)) {\n        nextIndex = prevIndex;\n      }\n    }\n    const lastRow = floor(maxIndex / cols) === prevRow;\n    if (isIndexOutOfListBounds(listRef, nextIndex)) {\n      if (loop && lastRow) {\n        nextIndex = event.key === (rtl ? ARROW_RIGHT : ARROW_LEFT) ? maxIndex : findNonDisabledListIndex(listRef, {\n          startingIndex: prevIndex - prevIndex % cols - 1,\n          disabledIndices\n        });\n      } else {\n        nextIndex = prevIndex;\n      }\n    }\n  }\n  return nextIndex;\n}\n\n/** For each cell index, gets the item index that occupies that cell */\nfunction createGridCellMap(sizes, cols, dense) {\n  const cellMap = [];\n  let startIndex = 0;\n  sizes.forEach((_ref2, index) => {\n    let {\n      width,\n      height\n    } = _ref2;\n    if (width > cols) {\n      if (process.env.NODE_ENV !== \"production\") {\n        throw new Error(\"[Floating UI]: Invalid grid - item width at index \" + index + \" is greater than grid columns\");\n      }\n    }\n    let itemPlaced = false;\n    if (dense) {\n      startIndex = 0;\n    }\n    while (!itemPlaced) {\n      const targetCells = [];\n      for (let i = 0; i < width; i++) {\n        for (let j = 0; j < height; j++) {\n          targetCells.push(startIndex + i + j * cols);\n        }\n      }\n      if (startIndex % cols + width <= cols && targetCells.every(cell => cellMap[cell] == null)) {\n        targetCells.forEach(cell => {\n          cellMap[cell] = index;\n        });\n        itemPlaced = true;\n      } else {\n        startIndex++;\n      }\n    }\n  });\n\n  // convert into a non-sparse array\n  return [...cellMap];\n}\n\n/** Gets cell index of an item's corner or -1 when index is -1. */\nfunction getGridCellIndexOfCorner(index, sizes, cellMap, cols, corner) {\n  if (index === -1) return -1;\n  const firstCellIndex = cellMap.indexOf(index);\n  const sizeItem = sizes[index];\n  switch (corner) {\n    case 'tl':\n      return firstCellIndex;\n    case 'tr':\n      if (!sizeItem) {\n        return firstCellIndex;\n      }\n      return firstCellIndex + sizeItem.width - 1;\n    case 'bl':\n      if (!sizeItem) {\n        return firstCellIndex;\n      }\n      return firstCellIndex + (sizeItem.height - 1) * cols;\n    case 'br':\n      return cellMap.lastIndexOf(index);\n  }\n}\n\n/** Gets all cell indices that correspond to the specified indices */\nfunction getGridCellIndices(indices, cellMap) {\n  return cellMap.flatMap((index, cellIndex) => indices.includes(index) ? [cellIndex] : []);\n}\nfunction isListIndexDisabled(listRef, index, disabledIndices) {\n  if (typeof disabledIndices === 'function') {\n    return disabledIndices(index);\n  } else if (disabledIndices) {\n    return disabledIndices.includes(index);\n  }\n  const element = listRef.current[index];\n  return element == null || element.hasAttribute('disabled') || element.getAttribute('aria-disabled') === 'true';\n}\n\nconst getTabbableOptions = () => ({\n  getShadowRoot: true,\n  displayCheck:\n  // JSDOM does not support the `tabbable` library. To solve this we can\n  // check if `ResizeObserver` is a real function (not polyfilled), which\n  // determines if the current environment is JSDOM-like.\n  typeof ResizeObserver === 'function' && ResizeObserver.toString().includes('[native code]') ? 'full' : 'none'\n});\nfunction getTabbableIn(container, dir) {\n  const list = tabbable(container, getTabbableOptions());\n  const len = list.length;\n  if (len === 0) return;\n  const active = activeElement(getDocument(container));\n  const index = list.indexOf(active);\n  const nextIndex = index === -1 ? dir === 1 ? 0 : len - 1 : index + dir;\n  return list[nextIndex];\n}\nfunction getNextTabbable(referenceElement) {\n  return getTabbableIn(getDocument(referenceElement).body, 1) || referenceElement;\n}\nfunction getPreviousTabbable(referenceElement) {\n  return getTabbableIn(getDocument(referenceElement).body, -1) || referenceElement;\n}\nfunction isOutsideEvent(event, container) {\n  const containerElement = container || event.currentTarget;\n  const relatedTarget = event.relatedTarget;\n  return !relatedTarget || !contains(containerElement, relatedTarget);\n}\nfunction disableFocusInside(container) {\n  const tabbableElements = tabbable(container, getTabbableOptions());\n  tabbableElements.forEach(element => {\n    element.dataset.tabindex = element.getAttribute('tabindex') || '';\n    element.setAttribute('tabindex', '-1');\n  });\n}\nfunction enableFocusInside(container) {\n  const elements = container.querySelectorAll('[data-tabindex]');\n  elements.forEach(element => {\n    const tabindex = element.dataset.tabindex;\n    delete element.dataset.tabindex;\n    if (tabindex) {\n      element.setAttribute('tabindex', tabindex);\n    } else {\n      element.removeAttribute('tabindex');\n    }\n  });\n}\n\nexport { activeElement, contains, createGridCellMap, disableFocusInside, enableFocusInside, findNonDisabledListIndex, getDeepestNode, getDocument, getFloatingFocusElement, getGridCellIndexOfCorner, getGridCellIndices, getGridNavigatedIndex, getMaxListIndex, getMinListIndex, getNextTabbable, getNodeAncestors, getNodeChildren, getPlatform, getPreviousTabbable, getTabbableOptions, getTarget, getUserAgent, isAndroid, isDifferentGridRow, isEventTargetWithin, isIndexOutOfListBounds, isJSDOM, isListIndexDisabled, isMac, isMouseLikePointerType, isOutsideEvent, isReactEvent, isRootElement, isSafari, isTypeableCombobox, isTypeableElement, isVirtualClick, isVirtualPointerEvent, matchesFocusVisible, stopEvent, useEffectEvent, useLatestRef, index as useModernLayoutEffect };\n"],"names":["isClient","noop","index","useLayoutEffect","SafeReact","React","useInsertionEffect","useSafeInsertionEffect","fn","useEffectEvent","callback","ref","_len","args","_key"],"mappings":";;AAsNA,IAAIA,IAAW,OAAO,WAAa,KAE/BC,IAAO,WAAgB;AAAC,GACxBC,IAAQF,IAAWG,IAAkBF;AAGzC,MAAMG,IAAY;AAAA,EAChB,GAAGC;AACL,GASMC,IAAqBF,EAAU,oBAC/BG,IAAyBD,MAAuB,CAAAE,MAAMA;AAC5D,SAASC,EAAeC,GAAU;AAChC,QAAMC,IAAMN,EAAM,OAAO,MAAM;AAC7B,QAAI,QAAQ,IAAI,aAAa;AAC3B,YAAM,IAAI,MAAM,+CAA+C;AAAA,EAEnE,CAAC;AACD,SAAAE,EAAuB,MAAM;AAC3B,IAAAI,EAAI,UAAUD;AAAA,EAChB,CAAC,GACML,EAAM,YAAY,WAAY;AACnC,aAASO,IAAO,UAAU,QAAQC,IAAO,IAAI,MAAMD,CAAI,GAAGE,IAAO,GAAGA,IAAOF,GAAME;AAC/E,MAAAD,EAAKC,CAAI,IAAI,UAAUA,CAAI;AAE7B,WAAOH,EAAI,WAAW,OAAO,SAASA,EAAI,QAAQ,GAAGE,CAAI;AAAA,EAC3D,GAAG,CAAA,CAAE;AACP;","x_google_ignoreList":[0]}

package/dist/annotorious-react.es2.js

@@ -1,138 +1,142 @@
 import { jsx as I } from "react/jsx-runtime";
-import { createContext as J, forwardRef as N, useState as d, useRef as U, useImperativeHandle as j, useEffect as S, useContext as h } from "react";
-import { useDebounce as O } from "./annotorious-react.es12.js";
-const f = J({
+import { dequal as O } from "./annotorious-react.es12.js";
+import { createContext as U, forwardRef as j, useState as v, useRef as P, useImperativeHandle as k, useEffect as w, useContext as h } from "react";
+import { useDebounce as _ } from "./annotorious-react.es13.js";
+const f = U({
   anno: void 0,
   setAnno: void 0,
   annotations: [],
   selection: { selected: [] }
-}), K = N((t, e) => {
-  const [n, c] = d(null), [a, o] = d([]), [u, s] = d({ selected: [], previous: [] }), m = U([]);
-  return j(e, () => n), S(() => {
-    if (n) {
-      const { selection: p, store: r } = n.state;
-      r.all().length > 0 && o(r.all());
-      const A = () => o(() => r.all());
-      r.observe(A);
+}), y = (t, n) => {
+  const { event: e, ...r } = t, { event: s, ...o } = n;
+  return O(r, o) ? (e == null ? void 0 : e.timeStamp) === (s == null ? void 0 : s.timeStamp) : !1;
+}, Q = j((t, n) => {
+  const [e, r] = v(null), [s, o] = v([]), [u, c] = v({ selected: [], previous: [] }), V = P([]);
+  return k(n, () => e), w(() => {
+    if (e) {
+      const { selection: p, store: i } = e.state;
+      i.all().length > 0 && o(i.all());
+      const A = () => o(() => i.all());
+      i.observe(A);
       let l;
-      const g = p.subscribe(({ selected: w, ...D }) => {
-        l && r.unobserve(l);
-        const R = (w || []).map(({ id: i, editable: v }) => ({ annotation: r.getAnnotation(i), editable: v }));
-        s((i) => {
-          const v = {
-            selected: R,
-            previous: i.selected,
-            ...D
+      const m = p.subscribe(({ selected: S, ...R }) => {
+        l && i.unobserve(l);
+        const q = (S || []).map(({ id: a, editable: d }) => ({ annotation: i.getAnnotation(a), editable: d }));
+        c((a) => {
+          const d = {
+            selected: q,
+            previous: a.selected,
+            ...R
           };
-          return JSON.stringify(i) === JSON.stringify(v) ? i : (m.current = i.selected, v);
-        }), l = (i) => {
-          const { updated: v } = i.changes;
-          s((V) => ({
-            ...V,
-            selected: V.selected.map(({ annotation: x, editable: C }) => {
-              const H = v.find((y) => y.oldValue.id === x.id);
+          return y(a, d) ? a : (V.current = a.selected, d);
+        }), l = (a) => {
+          const { updated: d } = a.changes;
+          c((g) => ({
+            ...g,
+            selected: g.selected.map(({ annotation: x, editable: C }) => {
+              const H = d.find((E) => E.oldValue.id === x.id);
               return H ? { annotation: H.newValue, editable: C } : { annotation: x, editable: C };
             })
           }));
-        }, r.observe(l, { annotations: w.map(({ id: i }) => i) });
+        }, i.observe(l, { annotations: S.map(({ id: a }) => a) });
       });
       return () => {
-        r.unobserve(A), g();
+        i.unobserve(A), m();
       };
     }
-  }, [n]), /* @__PURE__ */ I(f.Provider, { value: {
-    anno: n,
-    setAnno: c,
-    annotations: a,
+  }, [e]), /* @__PURE__ */ I(f.Provider, { value: {
+    anno: e,
+    setAnno: r,
+    annotations: s,
     selection: u
   }, children: t.children });
 }), b = () => {
   const { anno: t } = h(f);
   return t;
-}, E = () => {
+}, z = () => {
   const t = b();
   return t == null ? void 0 : t.state.store;
-}, P = () => {
+}, B = () => {
   const { annotations: t } = h(f);
   return t;
-}, k = (t) => {
-  const { annotations: e } = h(f);
-  return O(e, t);
-}, L = (t) => t ? k(t) : P(), q = (t, e) => {
-  const n = E(), [c, a] = d(
-    n == null ? void 0 : n.getAnnotation(t)
+}, F = (t) => {
+  const { annotations: n } = h(f);
+  return _(n, t);
+}, T = (t) => t ? F(t) : B(), G = (t, n) => {
+  const e = z(), [r, s] = v(
+    e == null ? void 0 : e.getAnnotation(t)
   );
-  return S(() => {
-    if (!n) return;
+  return w(() => {
+    if (!e) return;
     const o = (u) => {
-      const s = u.changes.updated[0];
-      s && a(s.newValue);
+      const c = u.changes.updated[0];
+      c && s(c.newValue);
     };
-    return n.observe(o, { ...e, annotations: t }), () => n.unobserve(o);
-  }, []), c;
-}, M = (t) => {
-  const e = b(), n = q(t);
-  return e && n ? e.state.selection.evalSelectAction(n) : void 0;
-}, Q = () => {
+    return e.observe(o, { ...n, annotations: t }), () => e.unobserve(o);
+  }, []), r;
+}, W = (t) => {
+  const n = b(), e = G(t);
+  return n && e ? n.state.selection.evalSelectAction(e) : void 0;
+}, X = () => {
   const { selection: t } = h(f);
   return t;
-}, T = () => {
-  const t = b(), [e, n] = d();
-  return S(() => {
+}, Y = () => {
+  const t = b(), [n, e] = v();
+  return w(() => {
     if (!t) return;
-    const { hover: c, store: a } = t.state, o = c.subscribe((u) => {
+    const { hover: r, store: s } = t.state, o = r.subscribe((u) => {
       if (u) {
-        const s = a.getAnnotation(u);
-        n(s);
+        const c = s.getAnnotation(u);
+        e(c);
       } else
-        n(void 0);
+        e(void 0);
     });
     return () => {
       o();
     };
-  }, [t]), e;
-}, W = () => {
+  }, [t]), n;
+}, Z = () => {
   const t = b();
   return t == null ? void 0 : t.getUser();
-}, _ = () => {
-  const t = b(), [e, n] = d([]);
-  return S(() => {
+}, D = () => {
+  const t = b(), [n, e] = v([]);
+  return w(() => {
     if (t) {
-      const { store: c, viewport: a } = t.state;
-      if (!a)
+      const { store: r, viewport: s } = t.state;
+      if (!s)
         return;
       let o;
-      const u = a.subscribe((s) => {
-        o && c.unobserve(o);
-        const m = s.map((p) => c.getAnnotation(p));
-        n(m), o = (p) => {
-          const { updated: r } = p.changes;
-          n((A) => A.map((l) => {
-            const g = r.find((w) => w.oldValue.id === l.id);
-            return g ? g.newValue : l;
+      const u = s.subscribe((c) => {
+        o && r.unobserve(o);
+        const V = c.map((p) => r.getAnnotation(p));
+        e(V), o = (p) => {
+          const { updated: i } = p.changes;
+          e((A) => A.map((l) => {
+            const m = i.find((S) => S.oldValue.id === l.id);
+            return m ? m.newValue : l;
           }));
-        }, c.observe(o, { annotations: s });
+        }, r.observe(o, { annotations: c });
       });
       return () => {
         u();
       };
     }
-  }, [t]), e;
-}, z = (t) => {
-  const e = _();
-  return O(e, t);
-}, X = (t) => t ? z(t) : _();
+  }, [t]), n;
+}, J = (t) => {
+  const n = D();
+  return _(n, t);
+}, $ = (t) => t ? J(t) : D();
 export {
-  K as Annotorious,
+  Q as Annotorious,
   f as AnnotoriousContext,
-  q as useAnnotation,
-  M as useAnnotationSelectAction,
-  E as useAnnotationStore,
-  L as useAnnotations,
+  G as useAnnotation,
+  W as useAnnotationSelectAction,
+  z as useAnnotationStore,
+  T as useAnnotations,
   b as useAnnotator,
-  W as useAnnotatorUser,
-  T as useHover,
-  Q as useSelection,
-  X as useViewportState
+  Z as useAnnotatorUser,
+  Y as useHover,
+  X as useSelection,
+  $ as useViewportState
 };
 //# sourceMappingURL=annotorious-react.es2.js.map

package/dist/annotorious-react.es2.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es2.js","sources":["../src/Annotorious.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { \n  createContext, \n  forwardRef,\n  useContext, \n  useEffect, \n  useImperativeHandle, \n  useRef,\n  useState \n} from 'react';\nimport type { StoreObserveOptions } from '@annotorious/core';\nimport type {\n  Annotation,\n  Annotator,\n  ImageAnnotation,\n  Selection as CoreSelection,\n  Store,\n  StoreChangeEvent,\n  User\n} from '@annotorious/annotorious';\nimport { useDebounce } from './useDebounce';\n\ninterface Selection<T extends Annotation = Annotation> extends Omit<CoreSelection, 'selected'> {\n\n  selected: { annotation: T, editable?: boolean }[];\n\n  previous: { annotation: T, editable?: boolean }[];\n\n}\n\nexport const AnnotoriousContext = createContext({\n\n  anno: undefined,\n\n  setAnno: undefined,\n\n  annotations: [],\n\n  selection: { selected: [] }\n\n});\n\nexport const Annotorious = forwardRef<Annotator, { children: ReactNode }>((props: { children: ReactNode }, ref) => {\n\n  const [anno, setAnno] = useState<Annotator>(null);\n\n  const [annotations, setAnnotations] = useState<Annotation[]>([]);\n\n  const [selection, setSelection] = useState<Selection>({ selected: [], previous: [] });\n\n  const previousSelectionRef = useRef<{ annotation: Annotation, editable?: boolean }[]>([]);\n\n  useImperativeHandle(ref, () => anno);\n\n  useEffect(() => {\n    if (anno) {\n      const { selection, store } = anno.state;\n\n      // Components below <Annotorious /> may have\n      // loaded annotations into the store already! \n      if (store.all().length > 0)\n        setAnnotations(store.all());\n\n      // Keeps annotations in sync with a React state,\n      // so clients can render components the usual React way.\n      const onStoreChange = () => setAnnotations(() => store.all());\n\n      store.observe(onStoreChange);\n\n      // Keep selection in sync with a react state, and resolve them\n      // from IDs to annotations automatically, for convenience\n      let selectionStoreObserver: (event: StoreChangeEvent<Annotation>) => void;\n\n      const unsubscribeSelection = selection.subscribe(({ selected, ...rest }) => {\n        if (selectionStoreObserver)\n          store.unobserve(selectionStoreObserver);\n\n        const resolved = (selected || [])\n          .map(({ id, editable }) => ({ annotation: store.getAnnotation(id), editable }));\n\n        setSelection(currentSelection => {\n          const next = {\n            selected: resolved,\n            previous: currentSelection.selected,\n            ...rest\n          } as Selection;\n\n          if (JSON.stringify(currentSelection) === JSON.stringify(next)) \n            return currentSelection;\n          \n          previousSelectionRef.current = currentSelection.selected;\n          \n          return next;\n        });\n\n        selectionStoreObserver = event => {\n          const { updated } = event.changes;\n\n          setSelection((selection) => ({\n            ...selection,\n            selected: selection.selected.map(({ annotation, editable }) => {\n              const next = updated.find(u => u.oldValue.id === annotation.id);\n              return next ? { annotation: next.newValue, editable } : { annotation, editable };\n            })\n          }));\n        }\n\n        store.observe(selectionStoreObserver, { annotations: selected.map(({ id }) => id) });\n      });\n\n      return () => {\n        store.unobserve(onStoreChange);\n        unsubscribeSelection();\n      }\n    }\n  }, [anno]);\n\n  return (\n    <AnnotoriousContext.Provider value={{\n      anno,\n      setAnno,\n      annotations,\n      selection\n    }}>\n      {props.children}\n    </AnnotoriousContext.Provider>\n  )\n\n});\n\nexport const useAnnotator = <T extends unknown = Annotator<any, unknown>>() => {\n  const { anno } = useContext(AnnotoriousContext);\n  return anno as T;\n}\n\nexport const useAnnotationStore = <T extends unknown = Store<Annotation>>() => {\n  const anno = useAnnotator();\n  return anno?.state.store as T | undefined;\n}\n\nconst _useAnnotations = <T extends Annotation>() => {\n  const { annotations } = useContext(AnnotoriousContext);\n  return annotations as T[];\n}\n\nconst _useAnnotationsDebounced = <T extends Annotation>(debounce: number) => {\n  const { annotations } = useContext(AnnotoriousContext);\n  return useDebounce(annotations, debounce) as T[];\n}\n\nexport const useAnnotations = <T extends Annotation = ImageAnnotation>(debounce?: number) =>\n  debounce ? _useAnnotationsDebounced<T>(debounce) : _useAnnotations<T>();\n\nexport const useAnnotation = <T extends Annotation = ImageAnnotation>(\n  id: string,\n  options?: Omit<StoreObserveOptions, 'annotations'>\n) => {\n  const store = useAnnotationStore<Store<T>>();\n\n  const [annotation, setAnnotation] = useState<T | undefined>(\n    store?.getAnnotation(id)\n  );\n\n  useEffect(() => {\n    if (!store) return;\n\n    const handleChange = (event: StoreChangeEvent<T>) => {\n      const updated = event.changes.updated[0];\n      if (updated) {\n        setAnnotation(updated.newValue);\n      }\n    };\n\n    store.observe(handleChange, { ...options, annotations: id });\n    return () => store.unobserve(handleChange);\n  }, []);\n\n  return annotation;\n}\n\nexport const useAnnotationSelectAction = <I extends Annotation = ImageAnnotation>(\n  id: string\n) => {\n  const anno = useAnnotator();\n  const annotation = useAnnotation<I>(id);\n  return anno && annotation ? anno.state.selection.evalSelectAction(annotation) : undefined;\n}\n\nexport const useSelection = <T extends Annotation = ImageAnnotation>() => {\n  const { selection } = useContext(AnnotoriousContext);\n  return selection as Selection<T>;\n}\n\nexport const useHover = <T extends Annotation = ImageAnnotation>() => {\n  const anno = useAnnotator();\n\n  const [hover, setHover] = useState<T | undefined>();\n\n  useEffect(() => {\n    if (!anno) return;\n\n    const { hover, store } = (anno as Annotator<T, unknown>).state;\n\n    const unsubscribeHover = hover.subscribe(id => {\n      if (id) {\n        const annotation = store.getAnnotation(id);\n        setHover(annotation);\n      } else {\n        setHover(undefined);\n      }\n    });\n\n    return () => {\n      unsubscribeHover();\n    };\n  }, [anno]);\n\n  return hover;\n}\n\nexport const useAnnotatorUser = (): User => {\n  const anno = useAnnotator();\n  return anno?.getUser();\n}\n\nconst _useViewportState = <T extends Annotation>() => {\n  const anno = useAnnotator();\n\n  const [inViewport, setInViewport] = useState<T[]>([]);\n\n  useEffect(() => {\n    if (anno) {\n      const { store, viewport } = anno.state;\n\n      if (!viewport)\n        return;\n\n      // Keep viewport annotations in sync with a react state, and resolve them\n      // from IDs to annotations automatically, for convenience\n      let viewportStoreObserver: (event: StoreChangeEvent<T>) => void;\n\n      const unsubscribeViewport = viewport.subscribe(ids => {\n        if (viewportStoreObserver)\n          store.unobserve(viewportStoreObserver);\n\n        const resolved = ids.map(id => store.getAnnotation(id)) as T[];\n        setInViewport(resolved);\n\n        viewportStoreObserver = event => {\n          const { updated } = event.changes;\n\n          setInViewport(annotations => annotations.map(annotation => {\n            const next = updated.find(u => u.oldValue.id === annotation.id);\n            return next ? next.newValue : annotation;\n          }));\n        };\n\n        store.observe(viewportStoreObserver, { annotations: ids });\n      });\n\n      return () => {\n        unsubscribeViewport();\n      };\n    }\n  }, [anno]);\n\n  return inViewport;\n}\n\nconst _useViewportStateDebounced = <T extends Annotation>(debounce: number) => {\n  const inViewport = _useViewportState();\n  return useDebounce(inViewport, debounce) as T[];\n}\n\nexport const useViewportState = <T extends Annotation = ImageAnnotation>(debounce?: number) =>\n  debounce ? _useViewportStateDebounced<T>(debounce) : _useViewportState<T>();\n"],"names":["AnnotoriousContext","createContext","Annotorious","forwardRef","props","ref","anno","setAnno","useState","annotations","setAnnotations","selection","setSelection","previousSelectionRef","useRef","useImperativeHandle","useEffect","store","onStoreChange","selectionStoreObserver","unsubscribeSelection","selected","rest","resolved","id","editable","currentSelection","next","event","updated","annotation","u","jsx","useAnnotator","useContext","useAnnotationStore","_useAnnotations","_useAnnotationsDebounced","debounce","useDebounce","useAnnotations","useAnnotation","options","setAnnotation","handleChange","useAnnotationSelectAction","useSelection","useHover","hover","setHover","unsubscribeHover","useAnnotatorUser","_useViewportState","inViewport","setInViewport","viewport","viewportStoreObserver","unsubscribeViewport","ids","_useViewportStateDebounced","useViewportState"],"mappings":"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"}
+{"version":3,"file":"annotorious-react.es2.js","sources":["../src/Annotorious.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { dequal } from 'dequal/lite';\nimport { \n  createContext, \n  forwardRef,\n  useContext, \n  useEffect, \n  useImperativeHandle, \n  useRef,\n  useState \n} from 'react';\nimport type { StoreObserveOptions } from '@annotorious/core';\nimport type {\n  Annotation,\n  Annotator,\n  ImageAnnotation,\n  Selection as CoreSelection,\n  Store,\n  StoreChangeEvent,\n  User\n} from '@annotorious/annotorious';\nimport { useDebounce } from './useDebounce';\n\ninterface Selection<T extends Annotation = Annotation> extends Omit<CoreSelection, 'selected'> {\n\n  selected: { annotation: T, editable?: boolean }[];\n\n  previous: { annotation: T, editable?: boolean }[];\n\n}\n\nexport const AnnotoriousContext = createContext({\n\n  anno: undefined,\n\n  setAnno: undefined,\n\n  annotations: [],\n\n  selection: { selected: [] }\n\n});\n\nconst isSelectionEqual = (a: Selection, b: Selection) => {\n  const { event: eventA, ...restA } = a; \n  const { event: eventB, ...restB } = b; \n\n  if (!dequal(restA, restB)) return false;\n\n  return eventA?.timeStamp === eventB?.timeStamp;\n}\n\nexport const Annotorious = forwardRef<Annotator, { children: ReactNode }>((props: { children: ReactNode }, ref) => {\n\n  const [anno, setAnno] = useState<Annotator>(null);\n\n  const [annotations, setAnnotations] = useState<Annotation[]>([]);\n\n  const [selection, setSelection] = useState<Selection>({ selected: [], previous: [] });\n\n  const previousSelectionRef = useRef<{ annotation: Annotation, editable?: boolean }[]>([]);\n\n  useImperativeHandle(ref, () => anno);\n\n  useEffect(() => {\n    if (anno) {\n      const { selection, store } = anno.state;\n\n      // Components below <Annotorious /> may have\n      // loaded annotations into the store already! \n      if (store.all().length > 0)\n        setAnnotations(store.all());\n\n      // Keeps annotations in sync with a React state,\n      // so clients can render components the usual React way.\n      const onStoreChange = () => setAnnotations(() => store.all());\n\n      store.observe(onStoreChange);\n\n      // Keep selection in sync with a react state, and resolve them\n      // from IDs to annotations automatically, for convenience\n      let selectionStoreObserver: (event: StoreChangeEvent<Annotation>) => void;\n\n      const unsubscribeSelection = selection.subscribe(({ selected, ...rest }) => {\n        if (selectionStoreObserver)\n          store.unobserve(selectionStoreObserver);\n\n        const resolved = (selected || [])\n          .map(({ id, editable }) => ({ annotation: store.getAnnotation(id), editable }));\n\n        setSelection(currentSelection => {\n          const next = {\n            selected: resolved,\n            previous: currentSelection.selected,\n            ...rest\n          } as Selection;\n\n          // Prevent unnecessary re-renders\n          if (isSelectionEqual(currentSelection, next))\n            return currentSelection;\n          \n          previousSelectionRef.current = currentSelection.selected;\n          \n          return next;\n        });\n\n        selectionStoreObserver = event => {\n          const { updated } = event.changes;\n\n          setSelection((selection) => ({\n            ...selection,\n            selected: selection.selected.map(({ annotation, editable }) => {\n              const next = updated.find(u => u.oldValue.id === annotation.id);\n              return next ? { annotation: next.newValue, editable } : { annotation, editable };\n            })\n          }));\n        }\n\n        store.observe(selectionStoreObserver, { annotations: selected.map(({ id }) => id) });\n      });\n\n      return () => {\n        store.unobserve(onStoreChange);\n        unsubscribeSelection();\n      }\n    }\n  }, [anno]);\n\n  return (\n    <AnnotoriousContext.Provider value={{\n      anno,\n      setAnno,\n      annotations,\n      selection\n    }}>\n      {props.children}\n    </AnnotoriousContext.Provider>\n  )\n\n});\n\nexport const useAnnotator = <T extends unknown = Annotator<any, unknown>>() => {\n  const { anno } = useContext(AnnotoriousContext);\n  return anno as T;\n}\n\nexport const useAnnotationStore = <T extends unknown = Store<Annotation>>() => {\n  const anno = useAnnotator();\n  return anno?.state.store as T | undefined;\n}\n\nconst _useAnnotations = <T extends Annotation>() => {\n  const { annotations } = useContext(AnnotoriousContext);\n  return annotations as T[];\n}\n\nconst _useAnnotationsDebounced = <T extends Annotation>(debounce: number) => {\n  const { annotations } = useContext(AnnotoriousContext);\n  return useDebounce(annotations, debounce) as T[];\n}\n\nexport const useAnnotations = <T extends Annotation = ImageAnnotation>(debounce?: number) =>\n  debounce ? _useAnnotationsDebounced<T>(debounce) : _useAnnotations<T>();\n\nexport const useAnnotation = <T extends Annotation = ImageAnnotation>(\n  id: string,\n  options?: Omit<StoreObserveOptions, 'annotations'>\n) => {\n  const store = useAnnotationStore<Store<T>>();\n\n  const [annotation, setAnnotation] = useState<T | undefined>(\n    store?.getAnnotation(id)\n  );\n\n  useEffect(() => {\n    if (!store) return;\n\n    const handleChange = (event: StoreChangeEvent<T>) => {\n      const updated = event.changes.updated[0];\n      if (updated) {\n        setAnnotation(updated.newValue);\n      }\n    };\n\n    store.observe(handleChange, { ...options, annotations: id });\n    return () => store.unobserve(handleChange);\n  }, []);\n\n  return annotation;\n}\n\nexport const useAnnotationSelectAction = <I extends Annotation = ImageAnnotation>(\n  id: string\n) => {\n  const anno = useAnnotator();\n  const annotation = useAnnotation<I>(id);\n  return anno && annotation ? anno.state.selection.evalSelectAction(annotation) : undefined;\n}\n\nexport const useSelection = <T extends Annotation = ImageAnnotation>() => {\n  const { selection } = useContext(AnnotoriousContext);\n  return selection as Selection<T>;\n}\n\nexport const useHover = <T extends Annotation = ImageAnnotation>() => {\n  const anno = useAnnotator();\n\n  const [hover, setHover] = useState<T | undefined>();\n\n  useEffect(() => {\n    if (!anno) return;\n\n    const { hover, store } = (anno as Annotator<T, unknown>).state;\n\n    const unsubscribeHover = hover.subscribe(id => {\n      if (id) {\n        const annotation = store.getAnnotation(id);\n        setHover(annotation);\n      } else {\n        setHover(undefined);\n      }\n    });\n\n    return () => {\n      unsubscribeHover();\n    };\n  }, [anno]);\n\n  return hover;\n}\n\nexport const useAnnotatorUser = (): User => {\n  const anno = useAnnotator();\n  return anno?.getUser();\n}\n\nconst _useViewportState = <T extends Annotation>() => {\n  const anno = useAnnotator();\n\n  const [inViewport, setInViewport] = useState<T[]>([]);\n\n  useEffect(() => {\n    if (anno) {\n      const { store, viewport } = anno.state;\n\n      if (!viewport)\n        return;\n\n      // Keep viewport annotations in sync with a react state, and resolve them\n      // from IDs to annotations automatically, for convenience\n      let viewportStoreObserver: (event: StoreChangeEvent<T>) => void;\n\n      const unsubscribeViewport = viewport.subscribe(ids => {\n        if (viewportStoreObserver)\n          store.unobserve(viewportStoreObserver);\n\n        const resolved = ids.map(id => store.getAnnotation(id)) as T[];\n        setInViewport(resolved);\n\n        viewportStoreObserver = event => {\n          const { updated } = event.changes;\n\n          setInViewport(annotations => annotations.map(annotation => {\n            const next = updated.find(u => u.oldValue.id === annotation.id);\n            return next ? next.newValue : annotation;\n          }));\n        };\n\n        store.observe(viewportStoreObserver, { annotations: ids });\n      });\n\n      return () => {\n        unsubscribeViewport();\n      };\n    }\n  }, [anno]);\n\n  return inViewport;\n}\n\nconst _useViewportStateDebounced = <T extends Annotation>(debounce: number) => {\n  const inViewport = _useViewportState();\n  return useDebounce(inViewport, debounce) as T[];\n}\n\nexport const useViewportState = <T extends Annotation = ImageAnnotation>(debounce?: number) =>\n  debounce ? _useViewportStateDebounced<T>(debounce) : _useViewportState<T>();\n"],"names":["AnnotoriousContext","createContext","isSelectionEqual","a","b","eventA","restA","eventB","restB","dequal","Annotorious","forwardRef","props","ref","anno","setAnno","useState","annotations","setAnnotations","selection","setSelection","previousSelectionRef","useRef","useImperativeHandle","useEffect","store","onStoreChange","selectionStoreObserver","unsubscribeSelection","selected","rest","resolved","id","editable","currentSelection","next","event","updated","annotation","u","jsx","useAnnotator","useContext","useAnnotationStore","_useAnnotations","_useAnnotationsDebounced","debounce","useDebounce","useAnnotations","useAnnotation","options","setAnnotation","handleChange","useAnnotationSelectAction","useSelection","useHover","hover","setHover","unsubscribeHover","useAnnotatorUser","_useViewportState","inViewport","setInViewport","viewport","viewportStoreObserver","unsubscribeViewport","ids","_useViewportStateDebounced","useViewportState"],"mappings":"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"}