@soomo/react-text-annotator 3.1.0-staging.15 → 3.1.0-staging.16

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

@@ -1,15 +1,15 @@
 import { j as jsxRuntimeExports } from "./react-text-annotator.es9.js";
-import { useState, useCallback, useEffect, useMemo } from "react";
+import { useState, useCallback, useEffect, useRef, useMemo } from "react";
 import { useAnnotator, useSelection } from "@annotorious/react";
 import { isRevived, denormalizeRectWithOffset, toDomRectList, NOT_ANNOTATABLE_CLASS } from "@soomo/text-annotator";
-import { useFloating, useDismiss, useRole, useInteractions, FloatingPortal, FloatingFocusManager } from "./react-text-annotator.es14.js";
+import { useFloating, useDismiss, useRole, useInteractions, FloatingPortal, FloatingFocusManager, FloatingArrow } from "./react-text-annotator.es14.js";
 import { isMobile } from "./react-text-annotator.es15.js";
 import { useAnnouncePopupNavigation } from "./react-text-annotator.es4.js";
 import { useAnnotationTargetIdling } from "./react-text-annotator.es5.js";
 /* empty css                          */
-import { offset, inline, flip, shift } from "./react-text-annotator.es17.js";
+import { inline, offset, flip, shift, arrow } from "./react-text-annotator.es17.js";
 import { autoUpdate } from "./react-text-annotator.es18.js";
-const TextAnnotatorPopup = (props) => {
+const TextAnnotationPopup = (props) => {
   var _a, _b;
   const { popup, ariaNavigationMessage } = props;
   const r = useAnnotator();
@@ -24,6 +24,7 @@ const TextAnnotatorPopup = (props) => {
   useEffect(() => {
     if (!isOpen) handleBlur();
   }, [isOpen, handleBlur]);
+  const arrowRef = useRef(null);
   const { refs, floatingStyles, update, context } = useFloating({
     placement: isMobile() ? "bottom" : "top",
     open: isOpen,
@@ -34,10 +35,11 @@ const TextAnnotatorPopup = (props) => {
       }
     },
     middleware: [
-      offset(10),
       inline(),
-      flip(),
-      shift({ mainAxis: false, crossAxis: true, padding: 10 })
+      offset(10),
+      flip({ crossAxis: true }),
+      shift({ crossAxis: true, padding: 10 }),
+      arrow({ element: arrowRef })
     ],
     whileElementsMounted: autoUpdate
   });
@@ -111,6 +113,14 @@ const TextAnnotatorPopup = (props) => {
               editable: selected[0].editable,
               event
             }),
+            props.arrow && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              FloatingArrow,
+              {
+                ref: arrowRef,
+                context,
+                ...props.arrowProps || {}
+              }
+            ),
             /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "r6o-popup-sr-only", "aria-live": "assertive", onClick: handleClose, children: props.ariaCloseWarning || "Click or leave this dialog to close it." })
           ]
         }
@@ -124,7 +134,14 @@ const getStopEventsPropagationProps = () => ({
   onMouseDown: (event) => event.stopPropagation(),
   onMouseUp: (event) => event.stopPropagation()
 });
+const TextAnnotatorPopup = (props) => {
+  useEffect(() => {
+    console.warn("TextAnnotatorPopup is deprecated and will be removed in a future version. Please use TextAnnotationPopup instead.");
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(TextAnnotationPopup, { ...props });
+};
 export {
+  TextAnnotationPopup,
   TextAnnotatorPopup
 };
 //# sourceMappingURL=react-text-annotator.es7.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"react-text-annotator.es7.js","sources":["../src/TextAnnotatorPopup/TextAnnotatorPopup.tsx"],"sourcesContent":["import { FC, PointerEvent, MouseEvent, ReactNode, useEffect, useMemo, useState, useCallback } from 'react';\n\nimport { useAnnotator, useSelection } from '@annotorious/react';\nimport {\n  isRevived,\n  denormalizeRectWithOffset,\n  toDomRectList,\n  NOT_ANNOTATABLE_CLASS,\n  type TextAnnotation,\n  type TextAnnotator\n} from '@soomo/text-annotator';\n\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 { isMobile } from './isMobile';\nimport { useAnnouncePopupNavigation, useAnnotationTargetIdling } from '../hooks';\n\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  const annotation = selected[0]?.annotation;\n\n  const isAnnotationIdling = useAnnotationTargetIdling(annotation?.id);\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      setOpen(isAnnotationIdling && annotationSelector?.length > 0 ? isRevived(annotationSelector) : false);\n  }, [annotation?.target?.selector, isAnnotationIdling]);\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_CLASS}`}\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 */\nconst 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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"}
+{"version":3,"file":"react-text-annotator.es7.js","sources":["../src/TextAnnotationPopup/TextAnnotationPopup.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback, useRef, useEffect, useMemo, useState } from 'react';\nimport { useAnnotator, useSelection } from '@annotorious/react';\nimport {\n  isRevived,\n  NOT_ANNOTATABLE_CLASS,\n  denormalizeRectWithOffset,\n  toDomRectList,\n  type TextAnnotation,\n  type TextAnnotator\n} from '@soomo/text-annotator';\nimport {\n  arrow,\n  autoUpdate,\n  flip,\n  FloatingArrow,\n  FloatingArrowProps,\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 { isMobile } from './isMobile';\nimport { useAnnouncePopupNavigation, useAnnotationTargetIdling } from '../hooks';\n\nimport './TextAnnotationPopup.css';\n\ninterface TextAnnotationPopupProps {\n\n  ariaNavigationMessage?: string;\n\n  ariaCloseWarning?: string;\n\n  arrow?: boolean;\n\n  arrowProps?: Omit<FloatingArrowProps, 'context' | 'ref'>;\n\n  popup(props: TextAnnotationPopupContentProps): ReactNode;\n\n}\n\nexport interface TextAnnotationPopupContentProps {\n\n  annotation: TextAnnotation;\n\n  editable?: boolean;\n\n  event?: PointerEvent | KeyboardEvent;\n\n}\n\nexport const TextAnnotationPopup: FC<TextAnnotationPopupProps> = (props) => {\n\n  const { popup, ariaNavigationMessage } = props;\n\n  const r = useAnnotator<TextAnnotator>();\n\n  const { selected, event } = useSelection<TextAnnotation>();\n  const annotation = selected[0]?.annotation;\n\n  const isAnnotationIdling = useAnnotationTargetIdling(annotation?.id);\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 arrowRef = useRef(null);\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      inline(),\n      offset(10),\n      flip({ crossAxis: true }),\n      shift({ crossAxis: true, padding: 10 }),\n      arrow({ element: arrowRef })\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    setOpen(isAnnotationIdling && annotationSelector?.length > 0 ? isRevived(annotationSelector) : false);\n  }, [annotation?.target?.selector, isAnnotationIdling]);\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_CLASS}`}\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{props.arrow && (\n            <FloatingArrow\n              ref={arrowRef}\n              context={context}\n              {...(props.arrowProps || {})} />\n          )}\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 */\nconst getStopEventsPropagationProps = <T extends HTMLElement = HTMLElement>() => ({\n  onPointerUp: (event: React.PointerEvent<T>) => event.stopPropagation(),\n  onPointerDown: (event: React.PointerEvent<T>) => event.stopPropagation(),\n  onMouseDown: (event: React.MouseEvent<T>) => event.stopPropagation(),\n  onMouseUp: (event: React.MouseEvent<T>) => event.stopPropagation()\n});\n\n/** For backwards compatibility **/\n/** @deprecated Use TextAnnotationPopup instead */\nexport const TextAnnotatorPopup = (props: TextAnnotationPopupProps) => {\n\n  useEffect(() => {\n    console.warn('TextAnnotatorPopup is deprecated and will be removed in a future version. Please use TextAnnotationPopup instead.');\n  }, []);\n\n  return <TextAnnotationPopup {...props} />;\n};\n"],"names":["jsx","jsxs"],"mappings":"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"}