@huridocs/react-text-selection-handler 0.2.0 → 0.2.5

package/dist/HandleTextSelection.d.ts

@@ -0,0 +1,10 @@
+import React, { FunctionComponent } from 'react';
+import { TextSelection } from './TextSelection';
+interface SelectionHandlerProps {
+    onSelect: (textSelection: TextSelection) => any;
+    onDeselect?: () => any;
+    children?: React.ReactNode;
+}
+declare const HandleTextSelection: FunctionComponent<SelectionHandlerProps>;
+export { HandleTextSelection };
+//# sourceMappingURL=HandleTextSelection.d.ts.map

package/dist/HandleTextSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HandleTextSelection.d.ts","sourceRoot":"","sources":["../src/HandleTextSelection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAGpE,OAAO,EAA+B,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE7E,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,CAAC,aAAa,EAAE,aAAa,KAAK,GAAG,CAAC;IAChD,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAcD,QAAA,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,qBAAqB,CA8DjE,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/HandleTextSelection.js

@@ -0,0 +1,56 @@
+import React, { useEffect, useRef } from 'react';
+import { elementContainsDomRect } from './elementContainsDomRect';
+import { rangeToTextRects } from './rangeToTextRects';
+import { domRectToSelectionRectangle } from './TextSelection';
+const notNull = (value) => value !== null;
+const normalizedFirefoxRange = (selection) => {
+    const finalRange = selection.getRangeAt(selection.rangeCount - 1);
+    const firstRange = selection.getRangeAt(0);
+    const range = document.createRange();
+    range.setStart(firstRange.startContainer, firstRange.startOffset);
+    range.setEnd(finalRange.endContainer, finalRange.endOffset);
+    return range;
+};
+const HandleTextSelection = ({ onSelect, onDeselect, children, }) => {
+    const ref = useRef(null);
+    const hasSelected = useRef(false);
+    const deselectionHandler = () => {
+        if (onDeselect && hasSelected.current) {
+            onDeselect();
+            hasSelected.current = false;
+        }
+    };
+    useEffect(() => {
+        document.addEventListener('selectionchange', deselectionHandler);
+        return () => {
+            document.removeEventListener('selectionchange', deselectionHandler);
+        };
+    }, []);
+    const getSelection = () => {
+        const selection = window.getSelection();
+        if (!ref.current || !(selection === null || selection === void 0 ? void 0 : selection.toString().trim())) {
+            return;
+        }
+        hasSelected.current = true;
+        const regionElements = Array.from(ref.current.querySelectorAll('div[data-region-selector-id]'));
+        const range = normalizedFirefoxRange(selection);
+        const selectionRectangles = rangeToTextRects(range)
+            .map(rectangle => {
+            const region = regionElements.find(elementContainsDomRect(rectangle));
+            if (!region) {
+                return null;
+            }
+            return domRectToSelectionRectangle(rectangle, region);
+        })
+            .filter(notNull);
+        onSelect({ text: selection.toString(), selectionRectangles });
+    };
+    return (React.createElement("div", { role: "none", ref: ref, onMouseDown: e => {
+            var _a;
+            if (!e.shiftKey) {
+                (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
+            }
+        }, onMouseUp: getSelection }, children));
+};
+export { HandleTextSelection };
+//# sourceMappingURL=HandleTextSelection.js.map

package/dist/HandleTextSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HandleTextSelection.js","sourceRoot":"","sources":["../src/HandleTextSelection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,2BAA2B,EAAiB,MAAM,iBAAiB,CAAC;AAQ7E,MAAM,OAAO,GAAG,CAAK,KAAe,EAAc,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC;AAEpE,MAAM,sBAAsB,GAAG,CAAC,SAAoB,EAAE,EAAE;IACtD,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;IAClE,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAE3C,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IACrC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAClE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,YAAY,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC5D,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAA6C,CAAC,EACrE,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAElC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,IAAI,UAAU,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACtC,UAAU,EAAE,CAAC;YACb,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;QACjE,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;QACtE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;QAExC,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,GAAG,IAAI,EAAE,CAAA,EAAE,CAAC;YAClD,OAAO;QACT,CAAC;QAED,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAE3B,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,CAAC,CAAC;QAEhG,MAAM,KAAK,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC;QAEhD,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,KAAK,CAAC;aAChD,GAAG,CAAC,SAAS,CAAC,EAAE;YACf,MAAM,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC;YACtE,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,2BAA2B,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;QACxD,CAAC,CAAC;aACD,MAAM,CAAC,OAAO,CAAC,CAAC;QAEnB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE,mBAAmB,EAAE,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,CAAC,CAAC,EAAE;;YACf,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;gBAChB,MAAA,MAAM,CAAC,YAAY,EAAE,0CAAE,eAAe,EAAE,CAAC;YAC3C,CAAC;QACH,CAAC,EACD,SAAS,EAAE,YAAY,IAEtB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/Highlight.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+import { TextSelection } from './TextSelection';
+interface HighlightProps {
+    textSelection: TextSelection;
+    color?: string;
+}
+declare const Highlight: FunctionComponent<HighlightProps>;
+export { Highlight };
+//# sourceMappingURL=Highlight.d.ts.map

package/dist/Highlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../src/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAiB,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,UAAU,cAAc;IACtB,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAiChD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/Highlight.js

@@ -0,0 +1,26 @@
+import React, { useContext } from 'react';
+import { SelectionRegionContext } from './SelectionRegion';
+const Highlight = ({ textSelection, color }) => {
+    const regionId = useContext(SelectionRegionContext);
+    return (React.createElement(React.Fragment, null, textSelection.selectionRectangles
+        .filter(rectangle => rectangle.regionId && regionId ? rectangle.regionId === regionId : true)
+        .map(selectionRectangle => {
+        const style = {
+            top: selectionRectangle.top,
+            left: selectionRectangle.left,
+            width: selectionRectangle.width,
+            height: selectionRectangle.height,
+            padding: 0,
+            margin: 0,
+            position: 'absolute',
+            display: 'block',
+            mixBlendMode: 'darken',
+            opacity: 0.5,
+            backgroundColor: color || 'orange',
+            zIndex: 1,
+        };
+        return (React.createElement("div", { className: "highlight-rectangle", style: style, key: [selectionRectangle.top, selectionRectangle.left].join('') }));
+    })));
+};
+export { Highlight };
+//# sourceMappingURL=Highlight.js.map

package/dist/Highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.js","sourceRoot":"","sources":["../src/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAQ3D,MAAM,SAAS,GAAsC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE;IAChF,MAAM,QAAQ,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACpD,OAAO,CACL,0CACG,aAAa,CAAC,mBAAmB;SAC/B,MAAM,CAAC,SAAS,CAAC,EAAE,CAClB,SAAS,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CACxE;SACA,GAAG,CAAC,kBAAkB,CAAC,EAAE;QACxB,MAAM,KAAK,GAAkB;YAC3B,GAAG,EAAE,kBAAkB,CAAC,GAAG;YAC3B,IAAI,EAAE,kBAAkB,CAAC,IAAI;YAC7B,KAAK,EAAE,kBAAkB,CAAC,KAAK;YAC/B,MAAM,EAAE,kBAAkB,CAAC,MAAM;YACjC,OAAO,EAAE,CAAC;YACV,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,OAAO;YAChB,YAAY,EAAE,QAAQ;YACtB,OAAO,EAAE,GAAG;YACZ,eAAe,EAAE,KAAK,IAAI,QAAQ;YAClC,MAAM,EAAE,CAAC;SACV,CAAC;QACF,OAAO,CACL,6BACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,CAAC,kBAAkB,CAAC,GAAG,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,GAC/D,CACH,CAAC;IACJ,CAAC,CAAC,CACH,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/SelectionRegion.d.ts

@@ -0,0 +1,9 @@
+import React, { FunctionComponent } from 'react';
+export declare const SelectionRegionContext: React.Context<string>;
+interface SelectionRegionProps {
+    regionId?: string;
+    children?: React.ReactNode;
+}
+declare const SelectionRegion: FunctionComponent<SelectionRegionProps>;
+export { SelectionRegion };
+//# sourceMappingURL=SelectionRegion.d.ts.map

package/dist/SelectionRegion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionRegion.d.ts","sourceRoot":"","sources":["../src/SelectionRegion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,eAAO,MAAM,sBAAsB,uBAA0B,CAAC;AAE9D,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAO5D,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/SelectionRegion.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export const SelectionRegionContext = React.createContext('');
+const SelectionRegion = ({ regionId = 'selectionRegion', children, }) => (React.createElement(SelectionRegionContext.Provider, { value: regionId },
+    React.createElement("div", { "data-region-selector-id": regionId }, children)));
+export { SelectionRegion };
+//# sourceMappingURL=SelectionRegion.js.map

package/dist/SelectionRegion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionRegion.js","sourceRoot":"","sources":["../src/SelectionRegion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;AAO9D,MAAM,eAAe,GAA4C,CAAC,EAChE,QAAQ,GAAG,iBAAiB,EAC5B,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ;IAC9C,wDAA8B,QAAQ,IAAG,QAAQ,CAAO,CACxB,CACnC,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/TextSelection.d.ts

@@ -0,0 +1,13 @@
+export interface SelectionRectangle {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    regionId?: string;
+}
+export interface TextSelection {
+    selectionRectangles: SelectionRectangle[];
+    text?: string;
+}
+export declare const domRectToSelectionRectangle: (rectangle: DOMRect, region: Element) => SelectionRectangle;
+//# sourceMappingURL=TextSelection.d.ts.map

package/dist/TextSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextSelection.d.ts","sourceRoot":"","sources":["../src/TextSelection.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,MAAM,WAAW,aAAa;IAC5B,mBAAmB,EAAE,kBAAkB,EAAE,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,2BAA2B,cAC3B,OAAO,UACV,OAAO,KACd,kBAUF,CAAC"}

package/dist/TextSelection.js

@@ -0,0 +1,6 @@
+export const domRectToSelectionRectangle = (rectangle, region) => {
+    const regionDomRect = region.getBoundingClientRect();
+    const regionId = region.getAttribute('data-region-selector-id');
+    return Object.assign({ top: rectangle.y - regionDomRect.y, left: rectangle.x - regionDomRect.x, width: rectangle.width, height: rectangle.height }, (regionId ? { regionId } : {}));
+};
+//# sourceMappingURL=TextSelection.js.map

package/dist/TextSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextSelection.js","sourceRoot":"","sources":["../src/TextSelection.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,SAAkB,EAClB,MAAe,EACK,EAAE;IACtB,MAAM,aAAa,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;IACrD,MAAM,QAAQ,GAAG,MAAM,CAAC,YAAY,CAAC,yBAAyB,CAAC,CAAC;IAChE,uBACE,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,EAClC,IAAI,EAAE,SAAS,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,EACnC,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,MAAM,EAAE,SAAS,CAAC,MAAM,IACrB,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACjC;AACJ,CAAC,CAAC"}

package/dist/elementContainsDomRect.d.ts

@@ -0,0 +1,2 @@
+export declare const elementContainsDomRect: (rect: DOMRect) => (region: Element) => boolean;
+//# sourceMappingURL=elementContainsDomRect.d.ts.map

package/dist/elementContainsDomRect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementContainsDomRect.d.ts","sourceRoot":"","sources":["../src/elementContainsDomRect.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,SAAU,OAAO,cAAc,OAAO,YAKxE,CAAC"}

package/dist/elementContainsDomRect.js

@@ -0,0 +1,7 @@
+export const elementContainsDomRect = (rect) => (region) => {
+    const regionRect = region.getBoundingClientRect();
+    const horizontalMatch = regionRect.x <= rect.x && rect.x <= regionRect.x + regionRect.width;
+    const verticalMatch = regionRect.y <= rect.y && rect.y <= regionRect.y + regionRect.height;
+    return horizontalMatch && verticalMatch;
+};
+//# sourceMappingURL=elementContainsDomRect.js.map

package/dist/elementContainsDomRect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementContainsDomRect.js","sourceRoot":"","sources":["../src/elementContainsDomRect.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,CAAC,MAAe,EAAE,EAAE;IAC3E,MAAM,UAAU,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;IAClD,MAAM,eAAe,GAAG,UAAU,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC;IAC5F,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC;IAC3F,OAAO,eAAe,IAAI,aAAa,CAAC;AAC1C,CAAC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { Highlight } from './Highlight';
+export { HandleTextSelection } from './HandleTextSelection';
+export { SelectionRegion } from './SelectionRegion';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export { Highlight } from './Highlight';
+export { HandleTextSelection } from './HandleTextSelection';
+export { SelectionRegion } from './SelectionRegion';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/rangeToTextRects.d.ts

@@ -0,0 +1,2 @@
+export declare const rangeToTextRects: (range: Range) => DOMRect[];
+//# sourceMappingURL=rangeToTextRects.d.ts.map

package/dist/rangeToTextRects.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rangeToTextRects.d.ts","sourceRoot":"","sources":["../src/rangeToTextRects.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,UAAW,KAAK,cA6C5C,CAAC"}

package/dist/rangeToTextRects.js

@@ -0,0 +1,35 @@
+export const rangeToTextRects = (range) => {
+    var _a, _b, _c;
+    const textNodeIterator = document.createNodeIterator(range.commonAncestorContainer, NodeFilter.SHOW_TEXT);
+    const selection = window.getSelection();
+    if (selection === null)
+        return [];
+    const extended = ((_b = (_a = selection.focusNode) === null || _a === void 0 ? void 0 : _a.childNodes) === null || _b === void 0 ? void 0 : _b.length) || 0 > 1;
+    const position = ((_c = selection.anchorNode) === null || _c === void 0 ? void 0 : _c.compareDocumentPosition(selection.focusNode)) === 4
+        ? 'FOLLOWING'
+        : 'PRECEDING';
+    const extentNode = extended || position === 'PRECEDING' ? selection.anchorNode : selection.focusNode;
+    const nodes = [];
+    while (textNodeIterator.nextNode()) {
+        const isValidNode = !(nodes.length === 0 && textNodeIterator.referenceNode !== range.startContainer);
+        if (isValidNode) {
+            nodes.push(textNodeIterator.referenceNode);
+        }
+        if (extentNode === textNodeIterator.referenceNode ||
+            extentNode === textNodeIterator.referenceNode.parentElement)
+            break;
+    }
+    return nodes.reduce((rects, n, index) => {
+        const myRange = document.createRange();
+        myRange.selectNode(n);
+        if (index === 0) {
+            myRange.setStart(n, range.startOffset);
+        }
+        if (index === nodes.length - 1) {
+            // @ts-expect-error - TS cannot now if Node is a text node, but this in handling text selections, so it's safe to assume it's a text node
+            myRange.setEnd(n, !extended ? range.endOffset : n.length);
+        }
+        return [...rects, ...Array.from(myRange.getClientRects())];
+    }, []);
+};
+//# sourceMappingURL=rangeToTextRects.js.map

package/dist/rangeToTextRects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rangeToTextRects.js","sourceRoot":"","sources":["../src/rangeToTextRects.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;;IAC/C,MAAM,gBAAgB,GAAG,QAAQ,CAAC,kBAAkB,CAClD,KAAK,CAAC,uBAAuB,EAC7B,UAAU,CAAC,SAAS,CACrB,CAAC;IAEF,MAAM,SAAS,GAAqB,MAAM,CAAC,YAAY,EAAE,CAAC;IAC1D,IAAI,SAAS,KAAK,IAAI;QAAE,OAAO,EAAE,CAAC;IAElC,MAAM,QAAQ,GAAG,CAAA,MAAA,MAAA,SAAS,CAAC,SAAS,0CAAE,UAAU,0CAAE,MAAM,KAAI,CAAC,GAAG,CAAC,CAAC;IAClE,MAAM,QAAQ,GACZ,CAAA,MAAA,SAAS,CAAC,UAAU,0CAAE,uBAAuB,CAAC,SAAS,CAAC,SAAU,CAAC,MAAK,CAAC;QACvE,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,WAAW,CAAC;IAElB,MAAM,UAAU,GACd,QAAQ,IAAI,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC;IAEpF,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,OAAO,gBAAgB,CAAC,QAAQ,EAAE,EAAE,CAAC;QACnC,MAAM,WAAW,GAAG,CAAC,CACnB,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,gBAAgB,CAAC,aAAa,KAAK,KAAK,CAAC,cAAc,CAC9E,CAAC;QACF,IAAI,WAAW,EAAE,CAAC;YAChB,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;QAC7C,CAAC;QACD,IACE,UAAU,KAAK,gBAAgB,CAAC,aAAa;YAC7C,UAAU,KAAK,gBAAgB,CAAC,aAAa,CAAC,aAAa;YAE3D,MAAM;IACV,CAAC;IAED,OAAO,KAAK,CAAC,MAAM,CAAY,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE;QACjD,MAAM,OAAO,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QACvC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YAChB,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;QACzC,CAAC;QACD,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC/B,yIAAyI;YACzI,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAC5D,CAAC;QACD,OAAO,CAAC,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huridocs/react-text-selection-handler",
-  "version": "0.2.0",
+  "version": "0.2.5",
   "main": "./dist/index.js",
   "description": "React pdf handler allows to render a PDF and handle text selection and highlights.",
   "author": "HURIDOCS",
@@ -19,7 +19,7 @@
   "scripts": {
     "prepublish": "yarn build",
     "before_publish": "yarn eslint && yarn check-types && yarn test",
-    "publish_to_npm": "np --testScript before_publish",
+    "publish_to_npm": "np --access=public --testScript before_publish",
     "build-test-app": "webpack --config ./e2e/webpack.config.js",
     "test": "yarn build && yarn build-test-app && jest --projects e2e/jest.e2e.config.ts",
     "build": "tsc --build tsconfig.build.json",