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

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

@@ -1,7 +1,7 @@
 import { useCallback, useLayoutEffect, useMemo, useRef, useEffect } from "react";
 import { useAnnotationStore, useSelection, Origin } from "@annotorious/react";
-import { announce as $319e236875307eab$export$a9b970dcc4ae71a9, destroyAnnouncer as $319e236875307eab$export$d8686216b8b81b2f } from "./react-text-annotator.es11.js";
-import { exhaustiveUniqueRandom } from "./react-text-annotator.es12.js";
+import { announce as $319e236875307eab$export$a9b970dcc4ae71a9, destroyAnnouncer as $319e236875307eab$export$d8686216b8b81b2f } from "./react-text-annotator.es12.js";
+import { exhaustiveUniqueRandom } from "./react-text-annotator.es13.js";
 const useAnnouncePopupNavigation = (args) => {
   const {
     message = "Press Tab to move to Notes Dialog",

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

@@ -1,29 +1,33 @@
-import { j as jsxRuntimeExports } from "./react-text-annotator.es8.js";
-import { useRef, useContext, useEffect } from "react";
-import { AnnotoriousContext } from "@annotorious/react";
-import { createTextAnnotator } from "@soomo/text-annotator";
-/* empty css                         */
-const TextAnnotator = (props) => {
-  const el = useRef(null);
-  const { className, children, ...opts } = props;
-  const { style, filter, user, annotatingEnabled, userSelectAction } = opts;
-  const { anno, setAnno } = useContext(AnnotoriousContext);
+import { useAnnotationStore, Origin } from "@annotorious/react";
+import { useState, useEffect } from "react";
+import { Ignore } from "@annotorious/core";
+const useAnnotationTargetIdling = (annotationId, options = { timeout: 500 }) => {
+  const store = useAnnotationStore();
+  const [isIdling, setIdling] = useState(true);
   useEffect(() => {
-    if (!setAnno) return;
-    const adapter = typeof opts.adapter === "function" ? opts.adapter(el.current) : opts.adapter;
-    const anno2 = createTextAnnotator(el.current, { ...opts, adapter });
-    setAnno(anno2);
-    return () => anno2.destroy();
-  }, [setAnno]);
-  useEffect(() => anno == null ? void 0 : anno.setStyle(style), [anno, style]);
-  useEffect(() => anno == null ? void 0 : anno.setFilter(filter), [anno, filter]);
-  useEffect(() => anno == null ? void 0 : anno.setFilter(filter), [anno, filter]);
-  useEffect(() => anno == null ? void 0 : anno.setUserSelectAction(userSelectAction), [anno, userSelectAction]);
-  useEffect(() => anno == null ? void 0 : anno.setUser(user), [anno, user]);
-  useEffect(() => anno == null ? void 0 : anno.setAnnotatingEnabled(annotatingEnabled), [anno, annotatingEnabled]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: el, className, children });
+    if (!annotationId) return;
+    let idlingTimeout;
+    const scheduleSetIdling = () => {
+      setIdling(false);
+      clearTimeout(idlingTimeout);
+      idlingTimeout = setTimeout(() => setIdling(true), options.timeout);
+    };
+    store.observe(
+      scheduleSetIdling,
+      {
+        annotations: annotationId,
+        ignore: Ignore.BODY_ONLY,
+        origin: Origin.LOCAL
+      }
+    );
+    return () => {
+      clearTimeout(idlingTimeout);
+      store.unobserve(scheduleSetIdling);
+    };
+  }, [annotationId]);
+  return isIdling;
 };
 export {
-  TextAnnotator
+  useAnnotationTargetIdling
 };
 //# sourceMappingURL=react-text-annotator.es5.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"react-text-annotator.es5.js","sources":["../src/TextAnnotator.tsx"],"sourcesContent":["import { ReactNode, useContext, useEffect, useRef } from 'react';\nimport { AnnotoriousContext, Filter } from '@annotorious/react';\nimport type { FormatAdapter } from '@annotorious/core';\nimport type { HighlightStyleExpression, TextAnnotation, TextAnnotatorOptions } from '@soomo/text-annotator';\nimport { createTextAnnotator } from '@soomo/text-annotator';\n\nimport '@soomo/text-annotator/dist/text-annotator.css';\n\nexport interface TextAnnotatorProps<E extends unknown> extends Omit<TextAnnotatorOptions<TextAnnotation, E>, 'adapter'> {\n\n  children?: ReactNode | JSX.Element;\n\n  adapter?: FormatAdapter<TextAnnotation, E> | ((container: HTMLElement) => FormatAdapter<TextAnnotation, E>) | null;\n\n  filter?: Filter;\n\n  style?: HighlightStyleExpression;\n\n  className?: string;\n\n}\n\nexport const TextAnnotator = <E extends unknown>(props: TextAnnotatorProps<E>) => {\n\n  const el = useRef<HTMLDivElement>(null);\n\n  const { className, children, ...opts } = props;\n  const { style, filter, user, annotatingEnabled, userSelectAction } = opts;\n\n  const { anno, setAnno } = useContext(AnnotoriousContext);\n\n  useEffect(() => {\n    if (!setAnno) return;\n\n    const adapter = typeof opts.adapter === 'function' ? opts.adapter(el.current) : opts.adapter;\n\n    const anno = createTextAnnotator(el.current, { ...opts, adapter });\n    setAnno(anno);\n\n    return () => anno.destroy();\n  }, [setAnno]);\n\n  useEffect(() => anno?.setStyle(style), [anno, style]);\n\n  useEffect(() => anno?.setFilter(filter), [anno, filter]);\n\n  useEffect(() => anno?.setFilter(filter), [anno, filter]);\n\n  useEffect(() => anno?.setUserSelectAction(userSelectAction), [anno, userSelectAction]);\n\n  useEffect(() => anno?.setUser(user), [anno, user]);\n\n  useEffect(() => anno?.setAnnotatingEnabled(annotatingEnabled), [anno, annotatingEnabled]);\n\n  return (\n    <div ref={el} className={className}>\n      {children}\n    </div>\n  );\n\n};\n"],"names":["anno","jsx"],"mappings":";;;;;AAsBa,MAAA,gBAAgB,CAAoB,UAAiC;AAE1E,QAAA,KAAK,OAAuB,IAAI;AAEtC,QAAM,EAAE,WAAW,UAAU,GAAG,SAAS;AACzC,QAAM,EAAE,OAAO,QAAQ,MAAM,mBAAmB,iBAAqB,IAAA;AAErE,QAAM,EAAE,MAAM,QAAQ,IAAI,WAAW,kBAAkB;AAEvD,YAAU,MAAM;AACd,QAAI,CAAC,QAAS;AAER,UAAA,UAAU,OAAO,KAAK,YAAY,aAAa,KAAK,QAAQ,GAAG,OAAO,IAAI,KAAK;AAE/EA,UAAAA,QAAO,oBAAoB,GAAG,SAAS,EAAE,GAAG,MAAM,SAAS;AACjE,YAAQA,KAAI;AAEL,WAAA,MAAMA,MAAK;EAAQ,GACzB,CAAC,OAAO,CAAC;AAEF,YAAA,MAAM,6BAAM,SAAS,QAAQ,CAAC,MAAM,KAAK,CAAC;AAE1C,YAAA,MAAM,6BAAM,UAAU,SAAS,CAAC,MAAM,MAAM,CAAC;AAE7C,YAAA,MAAM,6BAAM,UAAU,SAAS,CAAC,MAAM,MAAM,CAAC;AAE7C,YAAA,MAAM,6BAAM,oBAAoB,mBAAmB,CAAC,MAAM,gBAAgB,CAAC;AAE3E,YAAA,MAAM,6BAAM,QAAQ,OAAO,CAAC,MAAM,IAAI,CAAC;AAEvC,YAAA,MAAM,6BAAM,qBAAqB,oBAAoB,CAAC,MAAM,iBAAiB,CAAC;AAExF,SACGC,kCAAAA,IAAA,OAAA,EAAI,KAAK,IAAI,WACX,SACH,CAAA;AAGJ;"}
+{"version":3,"file":"react-text-annotator.es5.js","sources":["../src/hooks/useAnnotationTargetIdling.ts"],"sourcesContent":["import { Origin, useAnnotationStore } from '@annotorious/react';\nimport { useEffect, useState } from 'react';\nimport { Ignore } from '@annotorious/core';\n\nexport const useAnnotationTargetIdling = (\n  annotationId: string | undefined,\n  options: { timeout: number } = { timeout: 500 }\n) => {\n  const store = useAnnotationStore();\n\n  const [isIdling, setIdling] = useState(true);\n\n  useEffect(() => {\n    if (!annotationId) return;\n\n    let idlingTimeout: ReturnType<typeof setTimeout>;\n\n    const scheduleSetIdling = () => {\n      setIdling(false);\n\n      clearTimeout(idlingTimeout);\n      idlingTimeout = setTimeout(() => setIdling(true), options.timeout);\n    };\n\n    store.observe(\n      scheduleSetIdling,\n      {\n        annotations: annotationId,\n        ignore: Ignore.BODY_ONLY,\n        origin: Origin.LOCAL\n      }\n    );\n    return () => {\n      clearTimeout(idlingTimeout);\n      store.unobserve(scheduleSetIdling);\n    };\n  }, [annotationId]);\n\n  return isIdling;\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,4BAA4B,CACvC,cACA,UAA+B,EAAE,SAAS,UACvC;AACH,QAAM,QAAQ;AAEd,QAAM,CAAC,UAAU,SAAS,IAAI,SAAS,IAAI;AAE3C,YAAU,MAAM;AACd,QAAI,CAAC,aAAc;AAEf,QAAA;AAEJ,UAAM,oBAAoB,MAAM;AAC9B,gBAAU,KAAK;AAEf,mBAAa,aAAa;AAC1B,sBAAgB,WAAW,MAAM,UAAU,IAAI,GAAG,QAAQ,OAAO;AAAA,IAAA;AAG7D,UAAA;AAAA,MACJ;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,OAAO;AAAA,QACf,QAAQ,OAAO;AAAA,MACjB;AAAA,IAAA;AAEF,WAAO,MAAM;AACX,mBAAa,aAAa;AAC1B,YAAM,UAAU,iBAAiB;AAAA,IAAA;AAAA,EACnC,GACC,CAAC,YAAY,CAAC;AAEV,SAAA;AACT;"}

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

@@ -1,130 +1,29 @@
-import { j as jsxRuntimeExports } from "./react-text-annotator.es8.js";
-import { useState, useCallback, useEffect, useMemo } from "react";
-import { isMobile } from "./react-text-annotator.es13.js";
-import { useFloating, useDismiss, useRole, useInteractions, FloatingPortal, FloatingFocusManager } from "./react-text-annotator.es14.js";
-import { useAnnotator, useSelection } from "@annotorious/react";
-import { isRevived, denormalizeRectWithOffset, toDomRectList } from "@soomo/text-annotator";
-import { useAnnouncePopupNavigation } from "./react-text-annotator.es4.js";
+import { j as jsxRuntimeExports } from "./react-text-annotator.es9.js";
+import { useRef, useContext, useEffect } from "react";
+import { AnnotoriousContext } from "@annotorious/react";
+import { createTextAnnotator } from "@soomo/text-annotator";
 /* empty css                          */
-import { offset, inline, flip, shift } from "./react-text-annotator.es16.js";
-import { autoUpdate } from "./react-text-annotator.es17.js";
-const TextAnnotatorPopup = (props) => {
-  var _a;
-  const { popup, ariaNavigationMessage } = props;
-  const r = useAnnotator();
-  const { selected, event } = useSelection();
-  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 [isFocused, setFocused] = useState(false);
-  const handleFocus = useCallback(() => setFocused(true), []);
-  const handleBlur = useCallback(() => setFocused(false), []);
+const TextAnnotator = (props) => {
+  const el = useRef(null);
+  const { className, children, ...opts } = props;
+  const { style, filter, user, annotatingEnabled, userSelectAction } = opts;
+  const { anno, setAnno } = useContext(AnnotoriousContext);
   useEffect(() => {
-    if (!isOpen) handleBlur();
-  }, [isOpen, handleBlur]);
-  const { refs, floatingStyles, update, context } = useFloating({
-    placement: isMobile() ? "bottom" : "top",
-    open: isOpen,
-    onOpenChange: (open, _event, reason) => {
-      if (!open && (reason === "escape-key" || reason === "focus-out")) {
-        setOpen(open);
-        handleClose();
-      }
-    },
-    middleware: [
-      offset(10),
-      inline(),
-      flip(),
-      shift({ mainAxis: false, crossAxis: true, padding: 10 })
-    ],
-    whileElementsMounted: autoUpdate
-  });
-  const dismiss = useDismiss(context);
-  const role = useRole(context, { role: "dialog" });
-  const { getFloatingProps } = useInteractions([dismiss, role]);
-  useEffect(() => {
-    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: () => {
-          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(
-            (rect) => denormalizeRectWithOffset(rect, r.element.getBoundingClientRect())
-          );
-          return toDomRectList(denormalizedRects);
-        }
-      });
-    } else {
-      refs.setPositionReference(null);
-    }
-  }, [isOpen, annotation == null ? void 0 : annotation.id, annotation == null ? void 0 : annotation.target, r]);
-  useEffect(() => {
-    const config = { attributes: true, childList: true, subtree: true };
-    const mutationObserver = new MutationObserver(() => update());
-    mutationObserver.observe(document.body, config);
-    window.document.addEventListener("scroll", update, true);
-    return () => {
-      mutationObserver.disconnect();
-      window.document.removeEventListener("scroll", update, true);
-    };
-  }, [update]);
-  const initialFocus = useMemo(() => {
-    return (event == null ? void 0 : event.type) === "keyup" || (event == null ? void 0 : event.type) === "contextmenu" || isMobile() ? -1 : 0;
-  }, [event]);
-  useAnnouncePopupNavigation({
-    disabled: isFocused,
-    floatingOpen: isOpen,
-    message: ariaNavigationMessage
-  });
-  return isOpen && annotation ? /* @__PURE__ */ jsxRuntimeExports.jsx(FloatingPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    FloatingFocusManager,
-    {
-      context,
-      modal: false,
-      closeOnFocusOut: true,
-      returnFocus: false,
-      initialFocus,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          className: "a9s-popup r6o-popup annotation-popup r6o-text-popup not-annotatable",
-          ref: refs.setFloating,
-          style: floatingStyles,
-          ...getFloatingProps({
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            ...getStopEventsPropagationProps()
-          }),
-          children: [
-            popup({
-              annotation: selected[0].annotation,
-              editable: selected[0].editable,
-              event
-            }),
-            /* @__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." })
-          ]
-        }
-      )
-    }
-  ) }) : null;
+    if (!setAnno) return;
+    const adapter = typeof opts.adapter === "function" ? opts.adapter(el.current) : opts.adapter;
+    const anno2 = createTextAnnotator(el.current, { ...opts, adapter });
+    setAnno(anno2);
+    return () => anno2.destroy();
+  }, [setAnno]);
+  useEffect(() => anno == null ? void 0 : anno.setStyle(style), [anno, style]);
+  useEffect(() => anno == null ? void 0 : anno.setFilter(filter), [anno, filter]);
+  useEffect(() => anno == null ? void 0 : anno.setFilter(filter), [anno, filter]);
+  useEffect(() => anno == null ? void 0 : anno.setUserSelectAction(userSelectAction), [anno, userSelectAction]);
+  useEffect(() => anno == null ? void 0 : anno.setUser(user), [anno, user]);
+  useEffect(() => anno == null ? void 0 : anno.setAnnotatingEnabled(annotatingEnabled), [anno, annotatingEnabled]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: el, className, children });
 };
-const getStopEventsPropagationProps = () => ({
-  onPointerUp: (event) => event.stopPropagation(),
-  onPointerDown: (event) => event.stopPropagation(),
-  onMouseDown: (event) => event.stopPropagation(),
-  onMouseUp: (event) => event.stopPropagation()
-});
 export {
-  TextAnnotatorPopup,
-  getStopEventsPropagationProps
+  TextAnnotator
 };
 //# 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, 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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"}
+{"version":3,"file":"react-text-annotator.es6.js","sources":["../src/TextAnnotator.tsx"],"sourcesContent":["import { ReactNode, useContext, useEffect, useRef } from 'react';\nimport { AnnotoriousContext, Filter } from '@annotorious/react';\nimport type { FormatAdapter } from '@annotorious/core';\nimport type { HighlightStyleExpression, TextAnnotation, TextAnnotatorOptions } from '@soomo/text-annotator';\nimport { createTextAnnotator } from '@soomo/text-annotator';\n\nimport '@soomo/text-annotator/dist/text-annotator.css';\n\nexport interface TextAnnotatorProps<E extends unknown> extends Omit<TextAnnotatorOptions<TextAnnotation, E>, 'adapter'> {\n\n  children?: ReactNode | JSX.Element;\n\n  adapter?: FormatAdapter<TextAnnotation, E> | ((container: HTMLElement) => FormatAdapter<TextAnnotation, E>) | null;\n\n  filter?: Filter;\n\n  style?: HighlightStyleExpression;\n\n  className?: string;\n\n}\n\nexport const TextAnnotator = <E extends unknown>(props: TextAnnotatorProps<E>) => {\n\n  const el = useRef<HTMLDivElement>(null);\n\n  const { className, children, ...opts } = props;\n  const { style, filter, user, annotatingEnabled, userSelectAction } = opts;\n\n  const { anno, setAnno } = useContext(AnnotoriousContext);\n\n  useEffect(() => {\n    if (!setAnno) return;\n\n    const adapter = typeof opts.adapter === 'function' ? opts.adapter(el.current) : opts.adapter;\n\n    const anno = createTextAnnotator(el.current, { ...opts, adapter });\n    setAnno(anno);\n\n    return () => anno.destroy();\n  }, [setAnno]);\n\n  useEffect(() => anno?.setStyle(style), [anno, style]);\n\n  useEffect(() => anno?.setFilter(filter), [anno, filter]);\n\n  useEffect(() => anno?.setFilter(filter), [anno, filter]);\n\n  useEffect(() => anno?.setUserSelectAction(userSelectAction), [anno, userSelectAction]);\n\n  useEffect(() => anno?.setUser(user), [anno, user]);\n\n  useEffect(() => anno?.setAnnotatingEnabled(annotatingEnabled), [anno, annotatingEnabled]);\n\n  return (\n    <div ref={el} className={className}>\n      {children}\n    </div>\n  );\n\n};\n"],"names":["anno","jsx"],"mappings":";;;;;AAsBa,MAAA,gBAAgB,CAAoB,UAAiC;AAE1E,QAAA,KAAK,OAAuB,IAAI;AAEtC,QAAM,EAAE,WAAW,UAAU,GAAG,SAAS;AACzC,QAAM,EAAE,OAAO,QAAQ,MAAM,mBAAmB,iBAAqB,IAAA;AAErE,QAAM,EAAE,MAAM,QAAQ,IAAI,WAAW,kBAAkB;AAEvD,YAAU,MAAM;AACd,QAAI,CAAC,QAAS;AAER,UAAA,UAAU,OAAO,KAAK,YAAY,aAAa,KAAK,QAAQ,GAAG,OAAO,IAAI,KAAK;AAE/EA,UAAAA,QAAO,oBAAoB,GAAG,SAAS,EAAE,GAAG,MAAM,SAAS;AACjE,YAAQA,KAAI;AAEL,WAAA,MAAMA,MAAK;EAAQ,GACzB,CAAC,OAAO,CAAC;AAEF,YAAA,MAAM,6BAAM,SAAS,QAAQ,CAAC,MAAM,KAAK,CAAC;AAE1C,YAAA,MAAM,6BAAM,UAAU,SAAS,CAAC,MAAM,MAAM,CAAC;AAE7C,YAAA,MAAM,6BAAM,UAAU,SAAS,CAAC,MAAM,MAAM,CAAC;AAE7C,YAAA,MAAM,6BAAM,oBAAoB,mBAAmB,CAAC,MAAM,gBAAgB,CAAC;AAE3E,YAAA,MAAM,6BAAM,QAAQ,OAAO,CAAC,MAAM,IAAI,CAAC;AAEvC,YAAA,MAAM,6BAAM,qBAAqB,oBAAoB,CAAC,MAAM,iBAAiB,CAAC;AAExF,SACGC,kCAAAA,IAAA,OAAA,EAAI,KAAK,IAAI,WACX,SACH,CAAA;AAGJ;"}