@soomo/react-text-annotator 3.1.0-staging.1 → 3.1.0-staging.11

package/dist/react-text-annotator.es6.js

@@ -1,13 +1,13 @@
 import { j as jsxRuntimeExports } from "./react-text-annotator.es8.js";
-import { useState, useEffect, useMemo, useCallback } from "react";
-import { isMobile } from "./react-text-annotator.es11.js";
-import { useFloating, useDismiss, useRole, useInteractions, FloatingPortal, FloatingFocusManager } from "./react-text-annotator.es12.js";
+import { useState, useCallback, useEffect, useMemo } from "react";
+import { isMobile } from "./react-text-annotator.es10.js";
+import { useFloating, useDismiss, useRole, useInteractions, FloatingPortal, FloatingFocusManager } from "./react-text-annotator.es11.js";
 import { useAnnotator, useSelection } from "@annotorious/react";
-import { denormalizeRectWithOffset, toDomRectList } from "@soomo/text-annotator";
+import { isRevived, denormalizeRectWithOffset, toDomRectList } from "@soomo/text-annotator";
 import { useAnnouncePopupNavigation } from "./react-text-annotator.es4.js";
 /* empty css                          */
-import { offset, inline, flip, shift } from "./react-text-annotator.es14.js";
-import { autoUpdate } from "./react-text-annotator.es15.js";
+import { offset, inline, flip, shift } from "./react-text-annotator.es13.js";
+import { autoUpdate } from "./react-text-annotator.es14.js";
 const TextAnnotatorPopup = (props) => {
   var _a;
   const { popup, ariaNavigationMessage } = props;
@@ -16,12 +16,12 @@ const TextAnnotatorPopup = (props) => {
   const annotation = (_a = selected[0]) == null ? void 0 : _a.annotation;
   const [isOpen, setOpen] = useState((selected == null ? void 0 : selected.length) > 0);
   const handleClose = () => r == null ? void 0 : r.cancelSelected();
-  const [isFloatingFocused, setFloatingFocused] = useState(false);
-  const handleFloatingFocus = () => setFloatingFocused(true);
-  const handleFloatingBlur = () => setFloatingFocused(false);
+  const [isFocused, setFocused] = useState(false);
+  const handleFocus = useCallback(() => setFocused(true), []);
+  const handleBlur = useCallback(() => setFocused(false), []);
   useEffect(() => {
-    if (!isOpen) handleFloatingBlur();
-  }, [isOpen, handleFloatingBlur]);
+    if (!isOpen) handleBlur();
+  }, [isOpen, handleBlur]);
   const { refs, floatingStyles, update, context } = useFloating({
     placement: isMobile() ? "bottom" : "top",
     open: isOpen,
@@ -43,22 +43,18 @@ const TextAnnotatorPopup = (props) => {
   const role = useRole(context, { role: "dialog" });
   const { getFloatingProps } = useInteractions([dismiss, role]);
   useEffect(() => {
-    setOpen(
-      // Selected annotation exists and has a selector?
-      (annotation == null ? void 0 : annotation.target.selector) && // Selector not empty? (Annotations from plugins, general defensive programming)
-      annotation.target.selector.length > 0 && // Range not collapsed? (E.g. lazy loading PDFs. Note that this will have to
-      // change if we switch from ranges to pre-computed bounds!)
-      !annotation.target.selector[0].range.collapsed
-    );
+    const annotationSelector = annotation == null ? void 0 : annotation.target.selector;
+    if (!annotationSelector) return;
+    setOpen(isRevived(annotationSelector));
   }, [annotation]);
   useEffect(() => {
     if (!r) return;
     if (isOpen && (annotation == null ? void 0 : annotation.id)) {
       refs.setPositionReference({
-        getBoundingClientRect: () => denormalizeRectWithOffset(
-          r.state.store.getAnnotationBounds(annotation.id),
-          r.element.getBoundingClientRect()
-        ),
+        getBoundingClientRect: () => {
+          const bounds = r.state.store.getAnnotationBounds(annotation.id);
+          return bounds ? denormalizeRectWithOffset(bounds, r.element.getBoundingClientRect()) : new DOMRect();
+        },
         getClientRects: () => {
           const rects = r.state.store.getAnnotationRects(annotation.id);
           const denormalizedRects = rects.map(
@@ -85,14 +81,10 @@ const TextAnnotatorPopup = (props) => {
     return (event == null ? void 0 : event.type) === "keyup" || (event == null ? void 0 : event.type) === "contextmenu" || isMobile() ? -1 : 0;
   }, [event]);
   useAnnouncePopupNavigation({
-    disabled: isFloatingFocused,
+    disabled: isFocused,
     floatingOpen: isOpen,
     message: ariaNavigationMessage
   });
-  const getStopEventsPropagationProps = useCallback(
-    () => ({ onPointerUp: (event2) => event2.stopPropagation() }),
-    []
-  );
   return isOpen && annotation ? /* @__PURE__ */ jsxRuntimeExports.jsx(FloatingPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     FloatingFocusManager,
     {
@@ -107,10 +99,11 @@ const TextAnnotatorPopup = (props) => {
           className: "a9s-popup r6o-popup annotation-popup r6o-text-popup not-annotatable",
           ref: refs.setFloating,
           style: floatingStyles,
-          onFocus: handleFloatingFocus,
-          onBlur: handleFloatingBlur,
-          ...getFloatingProps(),
-          ...getStopEventsPropagationProps(),
+          ...getFloatingProps({
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            ...getStopEventsPropagationProps()
+          }),
           children: [
             popup({
               annotation: selected[0].annotation,
@@ -124,7 +117,14 @@ const TextAnnotatorPopup = (props) => {
     }
   ) }) : null;
 };
+const getStopEventsPropagationProps = () => ({
+  onPointerUp: (event) => event.stopPropagation(),
+  onPointerDown: (event) => event.stopPropagation(),
+  onMouseDown: (event) => event.stopPropagation(),
+  onMouseUp: (event) => event.stopPropagation()
+});
 export {
-  TextAnnotatorPopup
+  TextAnnotatorPopup,
+  getStopEventsPropagationProps
 };
 //# sourceMappingURL=react-text-annotator.es6.js.map

package/dist/react-text-annotator.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-text-annotator.es6.js","sources":["../src/TextAnnotatorPopup/TextAnnotatorPopup.tsx"],"sourcesContent":["import { FC, PointerEvent, ReactNode, useCallback, useEffect, useMemo, useState } from 'react';\nimport { isMobile } from './isMobile';\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingPortal,\n  inline,\n  offset,\n  shift,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useRole\n} from '@floating-ui/react';\n\nimport { useAnnotator, useSelection } from '@annotorious/react';\nimport {\n  denormalizeRectWithOffset,\n  toDomRectList,\n  type TextAnnotation,\n  type TextAnnotator,\n} from '@soomo/text-annotator';\n\nimport { useAnnouncePopupNavigation } from '../hooks';\nimport './TextAnnotatorPopup.css';\n\ninterface TextAnnotationPopupProps {\n\n  ariaNavigationMessage?: string;\n\n  ariaCloseWarning?: string;\n\n  popup(props: TextAnnotationPopupContentProps): ReactNode;\n\n}\n\nexport interface TextAnnotationPopupContentProps {\n\n  annotation: TextAnnotation;\n\n  editable?: boolean;\n\n  event?: PointerEvent;\n\n}\n\nexport const TextAnnotatorPopup: FC<TextAnnotationPopupProps> = (props) => {\n\n  const { popup, ariaNavigationMessage } = props;\n\n  const r = useAnnotator<TextAnnotator>();\n\n  const { selected, event } = useSelection<TextAnnotation>();\n\n  const annotation = selected[0]?.annotation;\n\n  const [isOpen, setOpen] = useState(selected?.length > 0);\n  const handleClose = () => r?.cancelSelected();\n\n  const [isFloatingFocused, setFloatingFocused] = useState(false);\n  const handleFloatingFocus = () => setFloatingFocused(true);\n  const handleFloatingBlur = () => setFloatingFocused(false);\n  useEffect(() => {\n    if (!isOpen) handleFloatingBlur();\n  }, [isOpen, handleFloatingBlur]);\n\n  const { refs, floatingStyles, update, context } = useFloating({\n    placement: isMobile() ? 'bottom' : 'top',\n    open: isOpen,\n    onOpenChange: (open, _event, reason) => {\n      if (!open && (reason === 'escape-key' || reason === 'focus-out')) {\n        setOpen(open);\n        handleClose();\n      }\n    },\n    middleware: [\n      offset(10),\n      inline(),\n      flip(),\n      shift({ mainAxis: false, crossAxis: true, padding: 10 })\n    ],\n    whileElementsMounted: autoUpdate\n  });\n\n  const dismiss = useDismiss(context);\n\n  const role = useRole(context, { role: 'dialog' });\n\n  const { getFloatingProps } = useInteractions([dismiss, role]);\n\n  useEffect(() => {\n    setOpen(\n      // Selected annotation exists and has a selector?\n      annotation?.target.selector &&\n      // Selector not empty? (Annotations from plugins, general defensive programming)\n      annotation.target.selector.length > 0 &&\n      // Range not collapsed? (E.g. lazy loading PDFs. Note that this will have to\n      // change if we switch from ranges to pre-computed bounds!)\n      !annotation.target.selector[0].range.collapsed\n    );\n  }, [annotation]);\n\n  useEffect(() => {\n    if (!r) return;\n\n    if (isOpen && annotation?.id) {\n      refs.setPositionReference({\n        getBoundingClientRect: () => denormalizeRectWithOffset(\n          r.state.store.getAnnotationBounds(annotation.id),\n          r.element.getBoundingClientRect()\n        ),\n        getClientRects: () => {\n          const rects = r.state.store.getAnnotationRects(annotation.id);\n          const denormalizedRects = rects.map(\n            rect => denormalizeRectWithOffset(rect, r.element.getBoundingClientRect())\n          );\n          return toDomRectList(denormalizedRects);\n        }\n      });\n    } else {\n      refs.setPositionReference(null);\n    }\n  }, [isOpen, annotation?.id, annotation?.target, r]);\n\n  useEffect(() => {\n    const config: MutationObserverInit = { attributes: true, childList: true, subtree: true };\n\n    const mutationObserver = new MutationObserver(() => update());\n    mutationObserver.observe(document.body, config);\n\n    window.document.addEventListener('scroll', update, true);\n\n    return () => {\n      mutationObserver.disconnect();\n      window.document.removeEventListener('scroll', update, true);\n    };\n  }, [update]);\n\n  // Don't shift focus to the floating element if selected via keyboard or on mobile.\n  const initialFocus = useMemo(() => {\n    return (event?.type === 'keyup' || event?.type === 'contextmenu' || isMobile()) ? -1 : 0;\n  }, [event]);\n\n  /**\n   * Announce the navigation hint only on the keyboard selection,\n   * because the focus isn't shifted to the popup automatically then\n   */\n  useAnnouncePopupNavigation({\n    disabled: isFloatingFocused,\n    floatingOpen: isOpen,\n    message: ariaNavigationMessage,\n  });\n\n  // Prevent text-annotator from handling the irrelevant events triggered from the popup\n  const getStopEventsPropagationProps = useCallback(\n    () => ({ onPointerUp: (event: PointerEvent<HTMLDivElement>) => event.stopPropagation() }),\n    []\n  );\n\n  return isOpen && annotation ? (\n    <FloatingPortal>\n      <FloatingFocusManager\n        context={context}\n        modal={false}\n        closeOnFocusOut={true}\n        returnFocus={false}\n        initialFocus={initialFocus}>\n        <div\n          className=\"a9s-popup r6o-popup annotation-popup r6o-text-popup not-annotatable\"\n          ref={refs.setFloating}\n          style={floatingStyles}\n          onFocus={handleFloatingFocus}\n          onBlur={handleFloatingBlur}\n          {...getFloatingProps()}\n          {...getStopEventsPropagationProps()}>\n          {popup({\n            annotation: selected[0].annotation,\n            editable: selected[0].editable,\n            event\n          })}\n          <button className=\"r6o-popup-sr-only\" aria-live=\"assertive\" onClick={handleClose}>\n            {props.ariaCloseWarning || 'Click or leave this dialog to close it.'}\n          </button>\n        </div>\n      </FloatingFocusManager>\n    </FloatingPortal>\n  ) : null;\n\n}\n"],"names":["event","jsx","jsxs"],"mappings":"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"}
+{"version":3,"file":"react-text-annotator.es6.js","sources":["../src/TextAnnotatorPopup/TextAnnotatorPopup.tsx"],"sourcesContent":["import { FC, PointerEvent, MouseEvent, ReactNode, useCallback, useEffect, useMemo, useState } from 'react';\nimport { isMobile } from './isMobile';\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingPortal,\n  inline,\n  offset,\n  shift,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useRole\n} from '@floating-ui/react';\n\nimport { useAnnotator, useSelection } from '@annotorious/react';\nimport {\n  isRevived,\n  denormalizeRectWithOffset,\n  toDomRectList,\n  type TextAnnotation,\n  type TextAnnotator\n} from '@soomo/text-annotator';\n\nimport { useAnnouncePopupNavigation } from '../hooks';\nimport './TextAnnotatorPopup.css';\n\ninterface TextAnnotationPopupProps {\n\n  ariaNavigationMessage?: string;\n\n  ariaCloseWarning?: string;\n\n  popup(props: TextAnnotationPopupContentProps): ReactNode;\n\n}\n\nexport interface TextAnnotationPopupContentProps {\n\n  annotation: TextAnnotation;\n\n  editable?: boolean;\n\n  event?: PointerEvent;\n\n}\n\nexport const TextAnnotatorPopup: FC<TextAnnotationPopupProps> = (props) => {\n\n  const { popup, ariaNavigationMessage } = props;\n\n  const r = useAnnotator<TextAnnotator>();\n\n  const { selected, event } = useSelection<TextAnnotation>();\n\n  const annotation = selected[0]?.annotation;\n\n  const [isOpen, setOpen] = useState(selected?.length > 0);\n  const handleClose = () => r?.cancelSelected();\n\n  const [isFocused, setFocused] = useState(false);\n  const handleFocus = useCallback(() => setFocused(true), []);\n  const handleBlur = useCallback(() => setFocused(false), []);\n  useEffect(() => {\n    if (!isOpen) handleBlur();\n  }, [isOpen, handleBlur]);\n\n  const { refs, floatingStyles, update, context } = useFloating({\n    placement: isMobile() ? 'bottom' : 'top',\n    open: isOpen,\n    onOpenChange: (open, _event, reason) => {\n      if (!open && (reason === 'escape-key' || reason === 'focus-out')) {\n        setOpen(open);\n        handleClose();\n      }\n    },\n    middleware: [\n      offset(10),\n      inline(),\n      flip(),\n      shift({ mainAxis: false, crossAxis: true, padding: 10 })\n    ],\n    whileElementsMounted: autoUpdate\n  });\n\n  const dismiss = useDismiss(context);\n\n  const role = useRole(context, { role: 'dialog' });\n\n  const { getFloatingProps } = useInteractions([dismiss, role]);\n\n  useEffect(() => {\n    const annotationSelector = annotation?.target.selector;\n      if (!annotationSelector) return;\n\n    setOpen(isRevived(annotationSelector));\n  }, [annotation]);\n\n  useEffect(() => {\n    if (!r) return;\n\n    if (isOpen && annotation?.id) {\n      refs.setPositionReference({\n        getBoundingClientRect: () => {\n          const bounds = r.state.store.getAnnotationBounds(annotation.id);\n          return bounds\n            ? denormalizeRectWithOffset(bounds, r.element.getBoundingClientRect())\n            : new DOMRect();\n        },\n        getClientRects: () => {\n          const rects = r.state.store.getAnnotationRects(annotation.id);\n          const denormalizedRects = rects.map((rect) =>\n            denormalizeRectWithOffset(rect, r.element.getBoundingClientRect())\n          );\n          return toDomRectList(denormalizedRects);\n        }\n      });\n    } else {\n      refs.setPositionReference(null);\n    }\n  }, [isOpen, annotation?.id, annotation?.target, r]);\n\n  useEffect(() => {\n    const config: MutationObserverInit = { attributes: true, childList: true, subtree: true };\n\n    const mutationObserver = new MutationObserver(() => update());\n    mutationObserver.observe(document.body, config);\n\n    window.document.addEventListener('scroll', update, true);\n\n    return () => {\n      mutationObserver.disconnect();\n      window.document.removeEventListener('scroll', update, true);\n    };\n  }, [update]);\n\n  // Don't shift focus to the floating element if selected via keyboard or on mobile.\n  const initialFocus = useMemo(() => {\n    return (event?.type === 'keyup' || event?.type === 'contextmenu' || isMobile()) ? -1 : 0;\n  }, [event]);\n\n  /**\n   * Announce the navigation hint only on the keyboard selection,\n   * because the focus isn't shifted to the popup automatically then\n   */\n  useAnnouncePopupNavigation({\n    disabled: isFocused,\n    floatingOpen: isOpen,\n    message: ariaNavigationMessage,\n  });\n\n  return isOpen && annotation ? (\n    <FloatingPortal>\n      <FloatingFocusManager\n        context={context}\n        modal={false}\n        closeOnFocusOut={true}\n        returnFocus={false}\n        initialFocus={initialFocus}>\n        <div\n          className=\"a9s-popup r6o-popup annotation-popup r6o-text-popup not-annotatable\"\n          ref={refs.setFloating}\n          style={floatingStyles}\n          {...getFloatingProps({\n            onFocus: handleFocus,\n            onBlur: handleBlur,\n            ...getStopEventsPropagationProps()\n          })}>\n          {popup({\n            annotation: selected[0].annotation,\n            editable: selected[0].editable,\n            event\n          })}\n          <button className=\"r6o-popup-sr-only\" aria-live=\"assertive\" onClick={handleClose}>\n            {props.ariaCloseWarning || 'Click or leave this dialog to close it.'}\n          </button>\n        </div>\n      </FloatingFocusManager>\n    </FloatingPortal>\n  ) : null;\n\n}\n\n/**\n * Prevent text-annotator from handling the irrelevant events\n * triggered from the popup/toolbar/dialog\n */\nexport const getStopEventsPropagationProps = <T extends HTMLElement = HTMLElement>() => ({\n  onPointerUp: (event: PointerEvent<T>) => event.stopPropagation(),\n  onPointerDown: (event: PointerEvent<T>) => event.stopPropagation(),\n  onMouseDown: (event: MouseEvent<T>) => event.stopPropagation(),\n  onMouseUp: (event: MouseEvent<T>) => event.stopPropagation()\n});\n"],"names":["jsx","jsxs"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soomo/react-text-annotator",
-  "version": "3.1.0-staging.1",
+  "version": "3.1.0-staging.11",
   "description": "Recogito Text Annotator React bindings",
   "author": "Rainer Simon",
   "license": "BSD-3-Clause",
@@ -48,7 +48,7 @@
     "@annotorious/react": "^3.0.9",
     "@floating-ui/react": "^0.26.24",
     "@react-aria/live-announcer": "^3.3.4",
-    "@soomo/text-annotator": "3.1.0-staging.1",
+    "@soomo/text-annotator": "3.1.0-staging.11",
     "@recogito/text-annotator-tei": "3.0.0-rc.49",
     "CETEIcean": "^1.9.3",
     "unique-random": "^4.0.0"