@soomo/react-text-annotator 3.1.0-staging.3 → 3.1.0-staging.5

package/dist/TextAnnotatorPopup/TextAnnotatorPopup.d.ts

@@ -1,4 +1,4 @@
-import { FC, PointerEvent, ReactNode } from 'react';
+import { FC, PointerEvent, MouseEvent, ReactNode } from 'react';
 import { TextAnnotation } from '@soomo/text-annotator';
 interface TextAnnotationPopupProps {
     ariaNavigationMessage?: string;
@@ -11,5 +11,15 @@ export interface TextAnnotationPopupContentProps {
     event?: PointerEvent;
 }
 export declare const TextAnnotatorPopup: FC<TextAnnotationPopupProps>;
+/**
+ * Prevent text-annotator from handling the irrelevant events
+ * triggered from the popup/toolbar/dialog
+ */
+export declare const getStopEventsPropagationProps: <T extends HTMLElement = HTMLElement>() => {
+    onPointerUp: (event: PointerEvent<T>) => void;
+    onPointerDown: (event: PointerEvent<T>) => void;
+    onMouseDown: (event: MouseEvent<T>) => void;
+    onMouseUp: (event: MouseEvent<T>) => void;
+};
 export {};
 //# sourceMappingURL=TextAnnotatorPopup.d.ts.map

package/dist/TextAnnotatorPopup/TextAnnotatorPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextAnnotatorPopup.d.ts","sourceRoot":"","sources":["../../src/TextAnnotatorPopup/TextAnnotatorPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAA6C,MAAM,OAAO,CAAC;AAiB/F,OAAO,EAGL,KAAK,cAAc,EAEpB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,0BAA0B,CAAC;AAElC,UAAU,wBAAwB;IAEhC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,KAAK,CAAC,KAAK,EAAE,+BAA+B,GAAG,SAAS,CAAC;CAE1D;AAED,MAAM,WAAW,+BAA+B;IAE9C,UAAU,EAAE,cAAc,CAAC;IAE3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,YAAY,CAAC;CAEtB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CA8I3D,CAAA"}
+{"version":3,"file":"TextAnnotatorPopup.d.ts","sourceRoot":"","sources":["../../src/TextAnnotatorPopup/TextAnnotatorPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAA6C,MAAM,OAAO,CAAC;AAiB3G,OAAO,EAIL,KAAK,cAAc,EAEpB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,0BAA0B,CAAC;AAElC,UAAU,wBAAwB;IAEhC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,KAAK,CAAC,KAAK,EAAE,+BAA+B,GAAG,SAAS,CAAC;CAE1D;AAED,MAAM,WAAW,+BAA+B;IAE9C,UAAU,EAAE,cAAc,CAAC;IAE3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,YAAY,CAAC;CAEtB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CAuI3D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,6BAA6B,GAAI,CAAC,SAAS,WAAW;yBAC5C,YAAY,CAAC,CAAC,CAAC;2BACb,YAAY,CAAC,CAAC,CAAC;yBACjB,UAAU,CAAC,CAAC,CAAC;uBACf,UAAU,CAAC,CAAC,CAAC;CAChC,CAAC"}

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

@@ -2,7 +2,7 @@ import { CETEIcean } from "./react-text-annotator.es2.js";
 import { TEIAnnotator } from "./react-text-annotator.es3.js";
 import { useAnnouncePopupNavigation } from "./react-text-annotator.es4.js";
 import { TextAnnotator } from "./react-text-annotator.es5.js";
-import { TextAnnotatorPopup } from "./react-text-annotator.es6.js";
+import { TextAnnotatorPopup, getStopEventsPropagationProps } from "./react-text-annotator.es6.js";
 import { Origin, UserSelectAction, createBody } from "@annotorious/core";
 import { AnnotoriousPlugin } from "@annotorious/react";
 import { W3CTextFormat } from "./react-text-annotator.es7.js";
@@ -16,6 +16,7 @@ export {
   UserSelectAction,
   W3CTextFormat,
   createBody,
+  getStopEventsPropagationProps,
   useAnnouncePopupNavigation
 };
 //# sourceMappingURL=react-text-annotator.es.js.map

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

@@ -1,8 +1,8 @@
-import defaultBehaviors from "./react-text-annotator.es23.js";
-import * as utilities from "./react-text-annotator.es24.js";
-import { hideContent, defineCustomElement, tagName } from "./react-text-annotator.es24.js";
-import { addBehaviors, addBehavior, removeBehavior } from "./react-text-annotator.es25.js";
-import { learnElementNames, learnCustomElementNames } from "./react-text-annotator.es26.js";
+import defaultBehaviors from "./react-text-annotator.es21.js";
+import * as utilities from "./react-text-annotator.es22.js";
+import { hideContent, defineCustomElement, tagName } from "./react-text-annotator.es22.js";
+import { addBehaviors, addBehavior, removeBehavior } from "./react-text-annotator.es23.js";
+import { learnElementNames, learnCustomElementNames } from "./react-text-annotator.es24.js";
 class CETEI {
   constructor(options) {
     this.options = options ? options : {};

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

@@ -1,85 +1,12 @@
-const $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY = 7e3;
-let $319e236875307eab$var$liveAnnouncer = null;
-function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = "assertive", timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
-  if (!$319e236875307eab$var$liveAnnouncer) {
-    $319e236875307eab$var$liveAnnouncer = new $319e236875307eab$var$LiveAnnouncer();
-    if (!(typeof IS_REACT_ACT_ENVIRONMENT === "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== "undefined")) setTimeout(() => {
-      if ($319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.isAttached()) $319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
-    }, 100);
-    else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
-  } else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
-}
-function $319e236875307eab$export$d8686216b8b81b2f() {
-  if ($319e236875307eab$var$liveAnnouncer) {
-    $319e236875307eab$var$liveAnnouncer.destroy();
-    $319e236875307eab$var$liveAnnouncer = null;
-  }
-}
-class $319e236875307eab$var$LiveAnnouncer {
-  isAttached() {
-    var _this_node;
-    return (_this_node = this.node) === null || _this_node === void 0 ? void 0 : _this_node.isConnected;
-  }
-  createLog(ariaLive) {
-    let node = document.createElement("div");
-    node.setAttribute("role", "log");
-    node.setAttribute("aria-live", ariaLive);
-    node.setAttribute("aria-relevant", "additions");
-    return node;
-  }
-  destroy() {
-    if (!this.node) return;
-    document.body.removeChild(this.node);
-    this.node = null;
-  }
-  announce(message, assertiveness = "assertive", timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
-    var _this_assertiveLog, _this_politeLog;
-    if (!this.node) return;
-    let node = document.createElement("div");
-    if (typeof message === "object") {
-      node.setAttribute("role", "img");
-      node.setAttribute("aria-labelledby", message["aria-labelledby"]);
-    } else node.textContent = message;
-    if (assertiveness === "assertive") (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog === void 0 ? void 0 : _this_assertiveLog.appendChild(node);
-    else (_this_politeLog = this.politeLog) === null || _this_politeLog === void 0 ? void 0 : _this_politeLog.appendChild(node);
-    if (message !== "") setTimeout(() => {
-      node.remove();
-    }, timeout);
-  }
-  clear(assertiveness) {
-    if (!this.node) return;
-    if ((!assertiveness || assertiveness === "assertive") && this.assertiveLog) this.assertiveLog.innerHTML = "";
-    if ((!assertiveness || assertiveness === "polite") && this.politeLog) this.politeLog.innerHTML = "";
-  }
-  constructor() {
-    this.node = null;
-    this.assertiveLog = null;
-    this.politeLog = null;
-    if (typeof document !== "undefined") {
-      this.node = document.createElement("div");
-      this.node.dataset.liveAnnouncer = "true";
-      Object.assign(this.node.style, {
-        border: 0,
-        clip: "rect(0 0 0 0)",
-        clipPath: "inset(50%)",
-        height: "1px",
-        margin: "-1px",
-        overflow: "hidden",
-        padding: 0,
-        position: "absolute",
-        width: "1px",
-        whiteSpace: "nowrap"
-      });
-      this.assertiveLog = this.createLog("assertive");
-      this.node.appendChild(this.assertiveLog);
-      this.politeLog = this.createLog("polite");
-      this.node.appendChild(this.politeLog);
-      document.body.prepend(this.node);
-    }
-  }
-}
+const isMobile = () => {
+  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+  if (/android/i.test(userAgent))
+    return true;
+  if (/iPad|iPhone/.test(userAgent) && !window.MSStream)
+    return true;
+  return false;
+};
 export {
-  $319e236875307eab$export$a9b970dcc4ae71a9 as announce,
-  $319e236875307eab$export$d8686216b8b81b2f as destroyAnnouncer
+  isMobile
 };
 //# sourceMappingURL=react-text-annotator.es11.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"react-text-annotator.es11.js","sources":["../../../node_modules/@react-aria/live-announcer/dist/LiveAnnouncer.mjs"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /* Inspired by https://github.com/AlmeroSteyn/react-aria-live */ const $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY = 7000;\nlet $319e236875307eab$var$liveAnnouncer = null;\nfunction $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = 'assertive', timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {\n    if (!$319e236875307eab$var$liveAnnouncer) {\n        $319e236875307eab$var$liveAnnouncer = new $319e236875307eab$var$LiveAnnouncer();\n        // wait for the live announcer regions to be added to the dom, then announce\n        // otherwise Safari won't announce the message if it's added too quickly\n        // found most times less than 100ms were not consistent when announcing with Safari\n        // IS_REACT_ACT_ENVIRONMENT is used by React 18. Previous versions checked for the `jest` global.\n        // https://github.com/reactwg/react-18/discussions/102\n        // if we're in a test environment, announce without waiting\n        // @ts-ignore\n        if (!(typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined')) setTimeout(()=>{\n            if ($319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.isAttached()) $319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);\n        }, 100);\n        else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);\n    } else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);\n}\nfunction $319e236875307eab$export$d10ae4f68404609a(assertiveness) {\n    if ($319e236875307eab$var$liveAnnouncer) $319e236875307eab$var$liveAnnouncer.clear(assertiveness);\n}\nfunction $319e236875307eab$export$d8686216b8b81b2f() {\n    if ($319e236875307eab$var$liveAnnouncer) {\n        $319e236875307eab$var$liveAnnouncer.destroy();\n        $319e236875307eab$var$liveAnnouncer = null;\n    }\n}\n// LiveAnnouncer is implemented using vanilla DOM, not React. That's because as of React 18\n// ReactDOM.render is deprecated, and the replacement, ReactDOM.createRoot is moved into a\n// subpath import `react-dom/client`. That makes it hard for us to support multiple React versions.\n// As a global API, we can't use portals without introducing a breaking API change. LiveAnnouncer\n// is simple enough to implement without React, so that's what we do here.\n// See this discussion for more details: https://github.com/reactwg/react-18/discussions/125#discussioncomment-2382638\nclass $319e236875307eab$var$LiveAnnouncer {\n    isAttached() {\n        var _this_node;\n        return (_this_node = this.node) === null || _this_node === void 0 ? void 0 : _this_node.isConnected;\n    }\n    createLog(ariaLive) {\n        let node = document.createElement('div');\n        node.setAttribute('role', 'log');\n        node.setAttribute('aria-live', ariaLive);\n        node.setAttribute('aria-relevant', 'additions');\n        return node;\n    }\n    destroy() {\n        if (!this.node) return;\n        document.body.removeChild(this.node);\n        this.node = null;\n    }\n    announce(message, assertiveness = 'assertive', timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {\n        var _this_assertiveLog, _this_politeLog;\n        if (!this.node) return;\n        let node = document.createElement('div');\n        if (typeof message === 'object') {\n            // To read an aria-labelledby, the element must have an appropriate role, such as img.\n            node.setAttribute('role', 'img');\n            node.setAttribute('aria-labelledby', message['aria-labelledby']);\n        } else node.textContent = message;\n        if (assertiveness === 'assertive') (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog === void 0 ? void 0 : _this_assertiveLog.appendChild(node);\n        else (_this_politeLog = this.politeLog) === null || _this_politeLog === void 0 ? void 0 : _this_politeLog.appendChild(node);\n        if (message !== '') setTimeout(()=>{\n            node.remove();\n        }, timeout);\n    }\n    clear(assertiveness) {\n        if (!this.node) return;\n        if ((!assertiveness || assertiveness === 'assertive') && this.assertiveLog) this.assertiveLog.innerHTML = '';\n        if ((!assertiveness || assertiveness === 'polite') && this.politeLog) this.politeLog.innerHTML = '';\n    }\n    constructor(){\n        this.node = null;\n        this.assertiveLog = null;\n        this.politeLog = null;\n        if (typeof document !== 'undefined') {\n            this.node = document.createElement('div');\n            this.node.dataset.liveAnnouncer = 'true';\n            // copied from VisuallyHidden\n            Object.assign(this.node.style, {\n                border: 0,\n                clip: 'rect(0 0 0 0)',\n                clipPath: 'inset(50%)',\n                height: '1px',\n                margin: '-1px',\n                overflow: 'hidden',\n                padding: 0,\n                position: 'absolute',\n                width: '1px',\n                whiteSpace: 'nowrap'\n            });\n            this.assertiveLog = this.createLog('assertive');\n            this.node.appendChild(this.assertiveLog);\n            this.politeLog = this.createLog('polite');\n            this.node.appendChild(this.politeLog);\n            document.body.prepend(this.node);\n        }\n    }\n}\n\n\nexport {$319e236875307eab$export$a9b970dcc4ae71a9 as announce, $319e236875307eab$export$d10ae4f68404609a as clearAnnouncer, $319e236875307eab$export$d8686216b8b81b2f as destroyAnnouncer};\n//# sourceMappingURL=LiveAnnouncer.module.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"react-text-annotator.es11.js","sources":["../src/TextAnnotatorPopup/isMobile.ts"],"sourcesContent":["// https://stackoverflow.com/questions/21741841/detecting-ios-android-operating-system\nexport const isMobile = () => {\n  // @ts-ignore\n  var userAgent: string = navigator.userAgent || navigator.vendor || window.opera;\n\n  if (/android/i.test(userAgent)) \n    return true;\n\n  // @ts-ignore\n  // Note: as of recently, this NO LONGER DETECTS FIREFOX ON iOS!\n  // This means FF/iOS will behave like on the desktop, and loose\n  // selection handlebars after the popup opens.\n  if (/iPad|iPhone/.test(userAgent) && !window.MSStream)\n    return true;\n\n  return false;\n}"],"names":[],"mappings":"AACO,MAAM,WAAW,MAAM;AAE5B,MAAI,YAAoB,UAAU,aAAa,UAAU,UAAU,OAAO;AAEtE,MAAA,WAAW,KAAK,SAAS;AACpB,WAAA;AAMT,MAAI,cAAc,KAAK,SAAS,KAAK,CAAC,OAAO;AACpC,WAAA;AAEF,SAAA;AACT;"}