@soomo/react-text-annotator 3.0.0-staging.15 → 3.0.0-staging.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/react-text-annotator.es.js +2 -0
- package/dist/react-text-annotator.es.js.map +1 -1
- package/dist/react-text-annotator.es10.js +210 -562
- package/dist/react-text-annotator.es10.js.map +1 -1
- package/dist/react-text-annotator.es11.js +535 -444
- package/dist/react-text-annotator.es11.js.map +1 -1
- package/dist/react-text-annotator.es12.js +488 -2
- package/dist/react-text-annotator.es12.js.map +1 -1
- package/dist/react-text-annotator.es13.js +2 -35
- package/dist/react-text-annotator.es13.js.map +1 -1
- package/dist/react-text-annotator.es14.js +24 -888
- package/dist/react-text-annotator.es14.js.map +1 -1
- package/dist/react-text-annotator.es15.js +891 -220
- package/dist/react-text-annotator.es15.js.map +1 -1
- package/dist/react-text-annotator.es16.js +218 -126
- package/dist/react-text-annotator.es16.js.map +1 -1
- package/dist/react-text-annotator.es17.js +134 -112
- package/dist/react-text-annotator.es17.js.map +1 -1
- package/dist/react-text-annotator.es18.js +2 -309
- package/dist/react-text-annotator.es18.js.map +1 -1
- package/dist/react-text-annotator.es19.js +2 -58
- package/dist/react-text-annotator.es19.js.map +1 -1
- package/dist/react-text-annotator.es2.js +2 -2
- package/dist/react-text-annotator.es20.js +113 -19
- package/dist/react-text-annotator.es20.js.map +1 -1
- package/dist/react-text-annotator.es21.js +309 -2
- package/dist/react-text-annotator.es21.js.map +1 -1
- package/dist/react-text-annotator.es22.js +58 -2
- package/dist/react-text-annotator.es22.js.map +1 -1
- package/dist/react-text-annotator.es23.js +17 -118
- package/dist/react-text-annotator.es23.js.map +1 -1
- package/dist/react-text-annotator.es24.js +107 -538
- package/dist/react-text-annotator.es24.js.map +1 -1
- package/dist/react-text-annotator.es25.js +555 -0
- package/dist/react-text-annotator.es25.js.map +1 -0
- package/dist/react-text-annotator.es3.js +2 -2
- package/dist/react-text-annotator.es4.js +2 -2
- package/dist/react-text-annotator.es5.js +4 -4
- package/dist/react-text-annotator.es6.js +178 -9
- package/dist/react-text-annotator.es6.js.map +1 -1
- package/dist/react-text-annotator.es7.js +12 -1
- package/dist/react-text-annotator.es7.js.map +1 -1
- package/dist/react-text-annotator.es9.js +20 -223
- package/dist/react-text-annotator.es9.js.map +1 -1
- package/package.json +13 -7
- package/dist/react-text-annotator.es8.js +0 -27
- package/dist/react-text-annotator.es8.js.map +0 -1
|
@@ -1,230 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
const useSafeInsertionEffect = useInsertionEffect || ((fn) => fn());
|
|
12
|
-
function useEffectEvent(callback) {
|
|
13
|
-
const ref = React.useRef(() => {
|
|
14
|
-
if (process.env.NODE_ENV !== "production") {
|
|
15
|
-
throw new Error("Cannot call an event handler while rendering.");
|
|
1
|
+
const getClosestRect = (rects, pos) => {
|
|
2
|
+
const uncollapsed = [...rects].filter((r) => r.width > 0 && r.height > 0);
|
|
3
|
+
let closest;
|
|
4
|
+
let minDist = Number.MAX_VALUE;
|
|
5
|
+
uncollapsed.forEach((rect) => {
|
|
6
|
+
const centerY = rect.top + rect.height / 2;
|
|
7
|
+
const dist = Math.abs(centerY - pos.y);
|
|
8
|
+
if (dist < minDist) {
|
|
9
|
+
minDist = dist;
|
|
10
|
+
closest = rect;
|
|
16
11
|
}
|
|
17
12
|
});
|
|
18
|
-
|
|
19
|
-
ref.current = callback;
|
|
20
|
-
});
|
|
21
|
-
return React.useCallback(function() {
|
|
22
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
23
|
-
args[_key] = arguments[_key];
|
|
24
|
-
}
|
|
25
|
-
return ref.current == null ? void 0 : ref.current(...args);
|
|
26
|
-
}, []);
|
|
27
|
-
}
|
|
28
|
-
var index = typeof document !== "undefined" ? useLayoutEffect : useEffect;
|
|
29
|
-
let serverHandoffComplete = false;
|
|
30
|
-
let count = 0;
|
|
31
|
-
const genId = () => (
|
|
32
|
-
// Ensure the id is unique with multiple independent versions of Floating UI
|
|
33
|
-
// on <React 18
|
|
34
|
-
"floating-ui-" + Math.random().toString(36).slice(2, 6) + count++
|
|
35
|
-
);
|
|
36
|
-
function useFloatingId() {
|
|
37
|
-
const [id, setId] = React.useState(() => serverHandoffComplete ? genId() : void 0);
|
|
38
|
-
index(() => {
|
|
39
|
-
if (id == null) {
|
|
40
|
-
setId(genId());
|
|
41
|
-
}
|
|
42
|
-
}, []);
|
|
43
|
-
React.useEffect(() => {
|
|
44
|
-
serverHandoffComplete = true;
|
|
45
|
-
}, []);
|
|
46
|
-
return id;
|
|
47
|
-
}
|
|
48
|
-
const useReactId = SafeReact.useId;
|
|
49
|
-
const useId = useReactId || useFloatingId;
|
|
50
|
-
let devMessageSet;
|
|
51
|
-
if (process.env.NODE_ENV !== "production") {
|
|
52
|
-
devMessageSet = /* @__PURE__ */ new Set();
|
|
53
|
-
}
|
|
54
|
-
function error() {
|
|
55
|
-
var _devMessageSet3;
|
|
56
|
-
for (var _len2 = arguments.length, messages = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
57
|
-
messages[_key2] = arguments[_key2];
|
|
58
|
-
}
|
|
59
|
-
const message = "Floating UI: " + messages.join(" ");
|
|
60
|
-
if (!((_devMessageSet3 = devMessageSet) != null && _devMessageSet3.has(message))) {
|
|
61
|
-
var _devMessageSet4;
|
|
62
|
-
(_devMessageSet4 = devMessageSet) == null || _devMessageSet4.add(message);
|
|
63
|
-
console.error(message);
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
function createPubSub() {
|
|
67
|
-
const map = /* @__PURE__ */ new Map();
|
|
68
|
-
return {
|
|
69
|
-
emit(event, data) {
|
|
70
|
-
var _map$get;
|
|
71
|
-
(_map$get = map.get(event)) == null || _map$get.forEach((handler) => handler(data));
|
|
72
|
-
},
|
|
73
|
-
on(event, listener) {
|
|
74
|
-
map.set(event, [...map.get(event) || [], listener]);
|
|
75
|
-
},
|
|
76
|
-
off(event, listener) {
|
|
77
|
-
var _map$get2;
|
|
78
|
-
map.set(event, ((_map$get2 = map.get(event)) == null ? void 0 : _map$get2.filter((l) => l !== listener)) || []);
|
|
79
|
-
}
|
|
80
|
-
};
|
|
81
|
-
}
|
|
82
|
-
const FloatingNodeContext = /* @__PURE__ */ React.createContext(null);
|
|
83
|
-
const FloatingTreeContext = /* @__PURE__ */ React.createContext(null);
|
|
84
|
-
const useFloatingParentNodeId = () => {
|
|
85
|
-
var _React$useContext;
|
|
86
|
-
return ((_React$useContext = React.useContext(FloatingNodeContext)) == null ? void 0 : _React$useContext.id) || null;
|
|
13
|
+
return closest;
|
|
87
14
|
};
|
|
88
|
-
const
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
} = options;
|
|
95
|
-
const floatingId = useId();
|
|
96
|
-
const dataRef = React.useRef({});
|
|
97
|
-
const [events] = React.useState(() => createPubSub());
|
|
98
|
-
const nested = useFloatingParentNodeId() != null;
|
|
99
|
-
if (process.env.NODE_ENV !== "production") {
|
|
100
|
-
const optionDomReference = elementsProp.reference;
|
|
101
|
-
if (optionDomReference && !isElement(optionDomReference)) {
|
|
102
|
-
error("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
const [positionReference, setPositionReference] = React.useState(elementsProp.reference);
|
|
106
|
-
const onOpenChange = useEffectEvent((open2, event, reason) => {
|
|
107
|
-
dataRef.current.openEvent = open2 ? event : void 0;
|
|
108
|
-
events.emit("openchange", {
|
|
109
|
-
open: open2,
|
|
110
|
-
event,
|
|
111
|
-
reason,
|
|
112
|
-
nested
|
|
113
|
-
});
|
|
114
|
-
onOpenChangeProp == null || onOpenChangeProp(open2, event, reason);
|
|
115
|
-
});
|
|
116
|
-
const refs = React.useMemo(() => ({
|
|
117
|
-
setPositionReference
|
|
118
|
-
}), []);
|
|
119
|
-
const elements = React.useMemo(() => ({
|
|
120
|
-
reference: positionReference || elementsProp.reference || null,
|
|
121
|
-
floating: elementsProp.floating || null,
|
|
122
|
-
domReference: elementsProp.reference
|
|
123
|
-
}), [positionReference, elementsProp.reference, elementsProp.floating]);
|
|
124
|
-
return React.useMemo(() => ({
|
|
125
|
-
dataRef,
|
|
126
|
-
open,
|
|
127
|
-
onOpenChange,
|
|
128
|
-
elements,
|
|
129
|
-
events,
|
|
130
|
-
floatingId,
|
|
131
|
-
refs
|
|
132
|
-
}), [open, onOpenChange, elements, events, floatingId, refs]);
|
|
133
|
-
}
|
|
134
|
-
function useFloating(options) {
|
|
135
|
-
if (options === void 0) {
|
|
136
|
-
options = {};
|
|
15
|
+
const toClientRects = (rect) => ({
|
|
16
|
+
length: 1,
|
|
17
|
+
item: (index) => index === 0 ? rect : void 0,
|
|
18
|
+
[Symbol.iterator]: function* () {
|
|
19
|
+
for (let i = 0; i < this.length; i++)
|
|
20
|
+
yield this.item(i);
|
|
137
21
|
}
|
|
138
|
-
|
|
139
|
-
nodeId
|
|
140
|
-
} = options;
|
|
141
|
-
const internalRootContext = useFloatingRootContext({
|
|
142
|
-
...options,
|
|
143
|
-
elements: {
|
|
144
|
-
reference: null,
|
|
145
|
-
floating: null,
|
|
146
|
-
...options.elements
|
|
147
|
-
}
|
|
148
|
-
});
|
|
149
|
-
const rootContext = options.rootContext || internalRootContext;
|
|
150
|
-
const computedElements = rootContext.elements;
|
|
151
|
-
const [_domReference, setDomReference] = React.useState(null);
|
|
152
|
-
const [positionReference, _setPositionReference] = React.useState(null);
|
|
153
|
-
const optionDomReference = computedElements == null ? void 0 : computedElements.reference;
|
|
154
|
-
const domReference = optionDomReference || _domReference;
|
|
155
|
-
const domReferenceRef = React.useRef(null);
|
|
156
|
-
const tree = useFloatingTree();
|
|
157
|
-
index(() => {
|
|
158
|
-
if (domReference) {
|
|
159
|
-
domReferenceRef.current = domReference;
|
|
160
|
-
}
|
|
161
|
-
}, [domReference]);
|
|
162
|
-
const position = useFloating$1({
|
|
163
|
-
...options,
|
|
164
|
-
elements: {
|
|
165
|
-
...computedElements,
|
|
166
|
-
...positionReference && {
|
|
167
|
-
reference: positionReference
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
});
|
|
171
|
-
const setPositionReference = React.useCallback((node) => {
|
|
172
|
-
const computedPositionReference = isElement(node) ? {
|
|
173
|
-
getBoundingClientRect: () => node.getBoundingClientRect(),
|
|
174
|
-
contextElement: node
|
|
175
|
-
} : node;
|
|
176
|
-
_setPositionReference(computedPositionReference);
|
|
177
|
-
position.refs.setReference(computedPositionReference);
|
|
178
|
-
}, [position.refs]);
|
|
179
|
-
const setReference = React.useCallback((node) => {
|
|
180
|
-
if (isElement(node) || node === null) {
|
|
181
|
-
domReferenceRef.current = node;
|
|
182
|
-
setDomReference(node);
|
|
183
|
-
}
|
|
184
|
-
if (isElement(position.refs.reference.current) || position.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
|
|
185
|
-
// `null` to support `positionReference` + an unstable `reference`
|
|
186
|
-
// callback ref.
|
|
187
|
-
node !== null && !isElement(node)) {
|
|
188
|
-
position.refs.setReference(node);
|
|
189
|
-
}
|
|
190
|
-
}, [position.refs]);
|
|
191
|
-
const refs = React.useMemo(() => ({
|
|
192
|
-
...position.refs,
|
|
193
|
-
setReference,
|
|
194
|
-
setPositionReference,
|
|
195
|
-
domReference: domReferenceRef
|
|
196
|
-
}), [position.refs, setReference, setPositionReference]);
|
|
197
|
-
const elements = React.useMemo(() => ({
|
|
198
|
-
...position.elements,
|
|
199
|
-
domReference
|
|
200
|
-
}), [position.elements, domReference]);
|
|
201
|
-
const context = React.useMemo(() => ({
|
|
202
|
-
...position,
|
|
203
|
-
...rootContext,
|
|
204
|
-
refs,
|
|
205
|
-
elements,
|
|
206
|
-
nodeId
|
|
207
|
-
}), [position, refs, elements, nodeId, rootContext]);
|
|
208
|
-
index(() => {
|
|
209
|
-
rootContext.dataRef.current.floatingContext = context;
|
|
210
|
-
const node = tree == null ? void 0 : tree.nodesRef.current.find((node2) => node2.id === nodeId);
|
|
211
|
-
if (node) {
|
|
212
|
-
node.context = context;
|
|
213
|
-
}
|
|
214
|
-
});
|
|
215
|
-
return React.useMemo(() => ({
|
|
216
|
-
...position,
|
|
217
|
-
context,
|
|
218
|
-
refs,
|
|
219
|
-
elements
|
|
220
|
-
}), [position, refs, elements, context]);
|
|
221
|
-
}
|
|
22
|
+
});
|
|
222
23
|
export {
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
useFloatingParentNodeId,
|
|
226
|
-
useFloatingRootContext,
|
|
227
|
-
useFloatingTree,
|
|
228
|
-
useId
|
|
24
|
+
getClosestRect,
|
|
25
|
+
toClientRects
|
|
229
26
|
};
|
|
230
27
|
//# sourceMappingURL=react-text-annotator.es9.js.map
|