@dxos/react-ui-attention 0.8.4-main.8360d9e660 → 0.8.4-main.8baae0fced
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/LICENSE +102 -5
- package/dist/lib/browser/{chunk-Q5SLNQ4B.mjs → chunk-D2BLVJ6Z.mjs} +24 -320
- package/dist/lib/browser/chunk-D2BLVJ6Z.mjs.map +7 -0
- package/dist/lib/browser/chunk-I4VO2RQM.mjs +255 -0
- package/dist/lib/browser/chunk-I4VO2RQM.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +19 -24
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/testing/index.mjs +4 -3
- package/dist/lib/browser/testing/index.mjs.map +2 -2
- package/dist/lib/browser/types/index.mjs +29 -0
- package/dist/lib/node-esm/{chunk-LSWTWT3W.mjs → chunk-6INLBC62.mjs} +24 -319
- package/dist/lib/node-esm/chunk-6INLBC62.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-ZTUVSH4P.mjs +256 -0
- package/dist/lib/node-esm/chunk-ZTUVSH4P.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +19 -24
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/testing/index.mjs +4 -3
- package/dist/lib/node-esm/testing/index.mjs.map +2 -2
- package/dist/lib/node-esm/types/index.mjs +30 -0
- package/dist/types/src/attention.d.ts +19 -3
- package/dist/types/src/attention.d.ts.map +1 -1
- package/dist/types/src/components/AttentionGlyph/AttentionGlyph.d.ts.map +1 -0
- package/dist/types/src/components/AttentionGlyph/AttentionGlyph.stories.d.ts.map +1 -0
- package/dist/types/src/components/AttentionGlyph/index.d.ts +2 -0
- package/dist/types/src/components/AttentionGlyph/index.d.ts.map +1 -0
- package/dist/types/src/components/{AttentionProvider.d.ts → AttentionProvider/AttentionProvider.d.ts} +7 -10
- package/dist/types/src/components/AttentionProvider/AttentionProvider.d.ts.map +1 -0
- package/dist/types/src/components/AttentionProvider/AttentionProvider.stories.d.ts.map +1 -0
- package/dist/types/src/components/AttentionProvider/index.d.ts +2 -0
- package/dist/types/src/components/AttentionProvider/index.d.ts.map +1 -0
- package/dist/types/src/components/{SelectionProvider.d.ts → SelectionProvider/SelectionProvider.d.ts} +3 -3
- package/dist/types/src/components/SelectionProvider/SelectionProvider.d.ts.map +1 -0
- package/dist/types/src/components/SelectionProvider/index.d.ts +2 -0
- package/dist/types/src/components/SelectionProvider/index.d.ts.map +1 -0
- package/dist/types/src/index.d.ts +0 -1
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/selection.d.ts.map +1 -1
- package/dist/types/src/testing/decorators/withAttention.d.ts.map +1 -1
- package/dist/types/src/types/index.d.ts +3 -0
- package/dist/types/src/types/index.d.ts.map +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +22 -32
- package/src/attention.test.ts +37 -10
- package/src/attention.ts +35 -8
- package/src/components/{AttentionGlyph.tsx → AttentionGlyph/AttentionGlyph.tsx} +4 -4
- package/src/components/AttentionGlyph/index.ts +5 -0
- package/src/components/{AttentionProvider.stories.tsx → AttentionProvider/AttentionProvider.stories.tsx} +1 -2
- package/src/components/{AttentionProvider.tsx → AttentionProvider/AttentionProvider.tsx} +33 -38
- package/src/components/AttentionProvider/index.ts +5 -0
- package/src/components/{SelectionProvider.tsx → SelectionProvider/SelectionProvider.tsx} +15 -8
- package/src/components/SelectionProvider/index.ts +5 -0
- package/src/index.ts +0 -1
- package/src/selection.ts +10 -8
- package/src/testing/decorators/withAttention.ts +1 -0
- package/src/types/index.ts +9 -0
- package/dist/lib/browser/chunk-PAZBZOO2.mjs +0 -7
- package/dist/lib/browser/chunk-PAZBZOO2.mjs.map +0 -7
- package/dist/lib/browser/chunk-Q5SLNQ4B.mjs.map +0 -7
- package/dist/lib/browser/types.mjs +0 -7
- package/dist/lib/node-esm/chunk-LSWTWT3W.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-PMGNPL4M.mjs +0 -9
- package/dist/lib/node-esm/chunk-PMGNPL4M.mjs.map +0 -7
- package/dist/lib/node-esm/types.mjs +0 -8
- package/dist/types/src/components/AttentionGlyph.d.ts.map +0 -1
- package/dist/types/src/components/AttentionGlyph.stories.d.ts.map +0 -1
- package/dist/types/src/components/AttentionProvider.d.ts.map +0 -1
- package/dist/types/src/components/AttentionProvider.stories.d.ts.map +0 -1
- package/dist/types/src/components/SelectionProvider.d.ts.map +0 -1
- package/dist/types/src/types.d.ts +0 -10
- package/dist/types/src/types.d.ts.map +0 -1
- package/src/types.ts +0 -16
- /package/dist/lib/browser/{types.mjs.map → types/index.mjs.map} +0 -0
- /package/dist/lib/node-esm/{types.mjs.map → types/index.mjs.map} +0 -0
- /package/dist/types/src/components/{AttentionGlyph.d.ts → AttentionGlyph/AttentionGlyph.d.ts} +0 -0
- /package/dist/types/src/components/{AttentionGlyph.stories.d.ts → AttentionGlyph/AttentionGlyph.stories.d.ts} +0 -0
- /package/dist/types/src/components/{AttentionProvider.stories.d.ts → AttentionProvider/AttentionProvider.stories.d.ts} +0 -0
- /package/src/components/{AttentionGlyph.stories.tsx → AttentionGlyph/AttentionGlyph.stories.tsx} +0 -0
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
ATTENDABLE_PATH_SEPARATOR
|
|
4
|
-
} from "./chunk-PMGNPL4M.mjs";
|
|
5
2
|
|
|
6
3
|
// src/attention.ts
|
|
7
4
|
import { Atom } from "@effect-atom/atom-react";
|
|
@@ -78,8 +75,8 @@ var AttentionManager = class {
|
|
|
78
75
|
* Takes the array of qualified IDs collected from the DOM; the first element is the primary attended item.
|
|
79
76
|
* Ancestry is derived from the progressive prefixes of the primary ID.
|
|
80
77
|
* Relatedness is derived from the segment ID: any tracked key whose last `/` segment matches the
|
|
81
|
-
* attended ID's segment ID is marked `isRelated`. Additionally, if the primary ID
|
|
82
|
-
*
|
|
78
|
+
* attended ID's segment ID is marked `isRelated`. Additionally, if the primary ID is a linked segment
|
|
79
|
+
* (starts with `~`), its immediate parent gets `isRelated` alongside `isAncestor`.
|
|
83
80
|
*
|
|
84
81
|
* @internal
|
|
85
82
|
*/
|
|
@@ -105,13 +102,13 @@ var AttentionManager = class {
|
|
|
105
102
|
this._registry.set(this._currentAtom, nextIds);
|
|
106
103
|
const prefixes = expandAttendableId(primaryId);
|
|
107
104
|
const prefixSet = new Set(prefixes);
|
|
108
|
-
const
|
|
105
|
+
const linkedParent = isLinkedSegment(primaryId) ? getParentId(primaryId) : void 0;
|
|
109
106
|
for (const prefix of prefixes) {
|
|
110
107
|
if (prefix === primaryId) {
|
|
111
108
|
this._set(prefix, {
|
|
112
109
|
hasAttention: true
|
|
113
110
|
});
|
|
114
|
-
} else if (prefix ===
|
|
111
|
+
} else if (prefix === linkedParent) {
|
|
115
112
|
this._set(prefix, {
|
|
116
113
|
isAncestor: true,
|
|
117
114
|
isRelated: true
|
|
@@ -160,13 +157,19 @@ var getAttendables = (selector, cursor, acc = []) => {
|
|
|
160
157
|
...new Set(acc)
|
|
161
158
|
];
|
|
162
159
|
};
|
|
160
|
+
var LINKED_PREFIX = "~";
|
|
163
161
|
var expandAttendableId = (qualifiedId) => {
|
|
164
162
|
const segments = qualifiedId.split("/");
|
|
165
163
|
return segments.map((_, index) => segments.slice(0, index + 1).join("/"));
|
|
166
164
|
};
|
|
167
|
-
var
|
|
165
|
+
var isLinkedSegment = (qualifiedId) => {
|
|
168
166
|
const lastSegment = qualifiedId.split("/").pop() ?? "";
|
|
169
|
-
return lastSegment.startsWith(
|
|
167
|
+
return lastSegment.startsWith(LINKED_PREFIX);
|
|
168
|
+
};
|
|
169
|
+
var linkedSegment = (variant) => `${LINKED_PREFIX}${variant}`;
|
|
170
|
+
var getLinkedVariant = (qualifiedId) => {
|
|
171
|
+
const lastSegment = qualifiedId.split("/").pop() ?? "";
|
|
172
|
+
return lastSegment.startsWith(LINKED_PREFIX) ? lastSegment.slice(LINKED_PREFIX.length) : lastSegment;
|
|
170
173
|
};
|
|
171
174
|
var getParentId = (qualifiedId) => {
|
|
172
175
|
if (!qualifiedId) {
|
|
@@ -179,127 +182,12 @@ var getSegmentId = (qualifiedId) => {
|
|
|
179
182
|
return qualifiedId.split("/").pop() ?? qualifiedId;
|
|
180
183
|
};
|
|
181
184
|
|
|
182
|
-
// src/components/AttentionProvider.tsx
|
|
183
|
-
import { RegistryContext } from "@effect-atom/atom-react";
|
|
184
|
-
import { createContext } from "@radix-ui/react-context";
|
|
185
|
-
import { Primitive } from "@radix-ui/react-primitive";
|
|
186
|
-
import { Slot } from "@radix-ui/react-slot";
|
|
187
|
-
import React, { forwardRef, useContext, useEffect, useMemo, useState } from "react";
|
|
188
|
-
import { log } from "@dxos/log";
|
|
189
|
-
import { useDefaultValue } from "@dxos/react-hooks";
|
|
190
|
-
import { mx } from "@dxos/ui-theme";
|
|
191
|
-
var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-attention/src/components/AttentionProvider.tsx";
|
|
192
|
-
var ATTENTION_NAME = "Attention";
|
|
193
|
-
var ATTENDABLE_ATTRIBUTE = "data-attendable-id";
|
|
194
|
-
var ATTENTION_SOURCE_ATTRIBUTE = "data-w-attention-source";
|
|
195
|
-
var [AttentionContextProvider, useAttentionContext] = createContext(ATTENTION_NAME, {
|
|
196
|
-
attention: void 0
|
|
197
|
-
});
|
|
198
|
-
var UNKNOWN_ATTENDABLE = {
|
|
199
|
-
hasAttention: false,
|
|
200
|
-
isAncestor: false,
|
|
201
|
-
isRelated: false
|
|
202
|
-
};
|
|
203
|
-
var useAttention = (attendableId) => {
|
|
204
|
-
const { attention } = useAttentionContext(ATTENTION_NAME);
|
|
205
|
-
const [state, setState] = useState(UNKNOWN_ATTENDABLE);
|
|
206
|
-
useEffect(() => {
|
|
207
|
-
if (!attendableId || !attention) {
|
|
208
|
-
setState(UNKNOWN_ATTENDABLE);
|
|
209
|
-
return;
|
|
210
|
-
}
|
|
211
|
-
const currentState = attention.get(attendableId);
|
|
212
|
-
setState(currentState);
|
|
213
|
-
return attention.subscribe(attendableId, (newState) => {
|
|
214
|
-
setState(newState);
|
|
215
|
-
});
|
|
216
|
-
}, [
|
|
217
|
-
attention,
|
|
218
|
-
attendableId
|
|
219
|
-
]);
|
|
220
|
-
return state;
|
|
221
|
-
};
|
|
222
|
-
var useAttended = () => {
|
|
223
|
-
const { attention } = useAttentionContext(ATTENTION_NAME);
|
|
224
|
-
const [current, setCurrent] = useState([]);
|
|
225
|
-
useEffect(() => {
|
|
226
|
-
if (!attention) {
|
|
227
|
-
return;
|
|
228
|
-
}
|
|
229
|
-
setCurrent(attention.getCurrent());
|
|
230
|
-
return attention.subscribeCurrent((newCurrent) => {
|
|
231
|
-
setCurrent(newCurrent);
|
|
232
|
-
});
|
|
233
|
-
}, [
|
|
234
|
-
attention
|
|
235
|
-
]);
|
|
236
|
-
return current;
|
|
237
|
-
};
|
|
238
|
-
var useAttentionAttributes = (attendableId) => {
|
|
239
|
-
const { hasAttention } = useAttention(attendableId);
|
|
240
|
-
return useMemo(() => {
|
|
241
|
-
const attributes = {
|
|
242
|
-
[ATTENDABLE_ATTRIBUTE]: attendableId
|
|
243
|
-
};
|
|
244
|
-
if (hasAttention) {
|
|
245
|
-
attributes[ATTENTION_SOURCE_ATTRIBUTE] = "true";
|
|
246
|
-
}
|
|
247
|
-
return attributes;
|
|
248
|
-
}, [
|
|
249
|
-
attendableId,
|
|
250
|
-
hasAttention
|
|
251
|
-
]);
|
|
252
|
-
};
|
|
253
|
-
var RootAttentionProvider = ({ children, attention: propsAttention, onChange }) => {
|
|
254
|
-
const registry = useContext(RegistryContext);
|
|
255
|
-
const attention = useDefaultValue(propsAttention, () => new AttentionManager(registry));
|
|
256
|
-
const handleFocus = (event) => {
|
|
257
|
-
log("focus", {
|
|
258
|
-
related: event.relatedTarget,
|
|
259
|
-
target: event.target
|
|
260
|
-
}, {
|
|
261
|
-
F: __dxlog_file,
|
|
262
|
-
L: 115,
|
|
263
|
-
S: void 0,
|
|
264
|
-
C: (f, a) => f(...a)
|
|
265
|
-
});
|
|
266
|
-
const selector = [
|
|
267
|
-
"[data-attendable-id]",
|
|
268
|
-
...Array.from(document.querySelectorAll("[aria-controls]")).map((el) => `[id="${el.getAttribute("aria-controls")}"]`)
|
|
269
|
-
].join(",");
|
|
270
|
-
const prev = attention.getCurrent();
|
|
271
|
-
const next = getAttendables(selector, event.target);
|
|
272
|
-
if (next.length > 0 && (prev.length !== next.length || !!prev.find((id, index) => next[index] !== id))) {
|
|
273
|
-
attention.update(next);
|
|
274
|
-
onChange?.(next);
|
|
275
|
-
}
|
|
276
|
-
};
|
|
277
|
-
return /* @__PURE__ */ React.createElement(AttentionContextProvider, {
|
|
278
|
-
attention
|
|
279
|
-
}, /* @__PURE__ */ React.createElement("div", {
|
|
280
|
-
role: "none",
|
|
281
|
-
className: "contents",
|
|
282
|
-
onFocusCapture: handleFocus
|
|
283
|
-
}, children));
|
|
284
|
-
};
|
|
285
|
-
var AttendableContainer = /* @__PURE__ */ forwardRef(({ id, classNames, children, asChild, ...props }, forwardedRef) => {
|
|
286
|
-
const attentionAttrs = useAttentionAttributes(id);
|
|
287
|
-
const Comp = asChild ? Slot : Primitive.div;
|
|
288
|
-
return /* @__PURE__ */ React.createElement(Comp, {
|
|
289
|
-
role: "none",
|
|
290
|
-
...props,
|
|
291
|
-
...attentionAttrs,
|
|
292
|
-
className: mx("dx-attention-surface", props.tabIndex === 0 && "dx-focus-ring-inset-over-all", classNames),
|
|
293
|
-
ref: forwardedRef
|
|
294
|
-
}, children);
|
|
295
|
-
});
|
|
296
|
-
|
|
297
185
|
// src/selection.ts
|
|
298
186
|
import { Atom as Atom2 } from "@effect-atom/atom-react";
|
|
299
187
|
import * as Match from "effect/Match";
|
|
300
188
|
import * as Schema from "effect/Schema";
|
|
301
189
|
import { invariant } from "@dxos/invariant";
|
|
302
|
-
var
|
|
190
|
+
var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-attention/src/selection.ts";
|
|
303
191
|
var SelectionSchema = Schema.Union(Schema.Struct({
|
|
304
192
|
mode: Schema.Literal("single"),
|
|
305
193
|
id: Schema.optional(Schema.String)
|
|
@@ -392,18 +280,9 @@ var SelectionManager = class {
|
|
|
392
280
|
}));
|
|
393
281
|
return newSelection;
|
|
394
282
|
}
|
|
395
|
-
// TODO(burdon): Disambiguate with getSelection?
|
|
396
283
|
getSelected(contextId, mode = "multi") {
|
|
397
284
|
const selection = this.getSelection(contextId, mode);
|
|
398
|
-
invariant(selection?.mode === mode, "Selection mode mismatch", {
|
|
399
|
-
F: __dxlog_file2,
|
|
400
|
-
L: 134,
|
|
401
|
-
S: this,
|
|
402
|
-
A: [
|
|
403
|
-
"selection?.mode === mode",
|
|
404
|
-
"'Selection mode mismatch'"
|
|
405
|
-
]
|
|
406
|
-
});
|
|
285
|
+
invariant(selection?.mode === mode, "Selection mode mismatch", { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 103, S: this, A: ["selection?.mode === mode", "'Selection mode mismatch'"] });
|
|
407
286
|
return Match.type().pipe(Match.when({
|
|
408
287
|
mode: "single"
|
|
409
288
|
}, (s) => s.id), Match.when({
|
|
@@ -419,15 +298,7 @@ var SelectionManager = class {
|
|
|
419
298
|
}
|
|
420
299
|
updateSingle(contextId, id) {
|
|
421
300
|
const selection = this.getSelection(contextId, "single");
|
|
422
|
-
invariant(selection?.mode === "single", "Selection mode is not single", {
|
|
423
|
-
F: __dxlog_file2,
|
|
424
|
-
L: 147,
|
|
425
|
-
S: this,
|
|
426
|
-
A: [
|
|
427
|
-
"selection?.mode === 'single'",
|
|
428
|
-
"'Selection mode is not single'"
|
|
429
|
-
]
|
|
430
|
-
});
|
|
301
|
+
invariant(selection?.mode === "single", "Selection mode is not single", { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 120, S: this, A: ["selection?.mode === 'single'", "'Selection mode is not single'"] });
|
|
431
302
|
this._registry.update(this._state, (state) => ({
|
|
432
303
|
selections: {
|
|
433
304
|
...state.selections,
|
|
@@ -440,15 +311,7 @@ var SelectionManager = class {
|
|
|
440
311
|
}
|
|
441
312
|
updateMulti(contextId, ids) {
|
|
442
313
|
const selection = this.getSelection(contextId, "multi");
|
|
443
|
-
invariant(selection?.mode === "multi", "Selection mode is not multi", {
|
|
444
|
-
F: __dxlog_file2,
|
|
445
|
-
L: 158,
|
|
446
|
-
S: this,
|
|
447
|
-
A: [
|
|
448
|
-
"selection?.mode === 'multi'",
|
|
449
|
-
"'Selection mode is not multi'"
|
|
450
|
-
]
|
|
451
|
-
});
|
|
314
|
+
invariant(selection?.mode === "multi", "Selection mode is not multi", { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 133, S: this, A: ["selection?.mode === 'multi'", "'Selection mode is not multi'"] });
|
|
452
315
|
this._registry.update(this._state, (state) => ({
|
|
453
316
|
selections: {
|
|
454
317
|
...state.selections,
|
|
@@ -463,15 +326,7 @@ var SelectionManager = class {
|
|
|
463
326
|
}
|
|
464
327
|
updateRange(contextId, from, to) {
|
|
465
328
|
const selection = this.getSelection(contextId, "range");
|
|
466
|
-
invariant(selection?.mode === "range", "Selection mode is not range", {
|
|
467
|
-
F: __dxlog_file2,
|
|
468
|
-
L: 169,
|
|
469
|
-
S: this,
|
|
470
|
-
A: [
|
|
471
|
-
"selection?.mode === 'range'",
|
|
472
|
-
"'Selection mode is not range'"
|
|
473
|
-
]
|
|
474
|
-
});
|
|
329
|
+
invariant(selection?.mode === "range", "Selection mode is not range", { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 148, S: this, A: ["selection?.mode === 'range'", "'Selection mode is not range'"] });
|
|
475
330
|
this._registry.update(this._state, (state) => ({
|
|
476
331
|
selections: {
|
|
477
332
|
...state.selections,
|
|
@@ -485,15 +340,7 @@ var SelectionManager = class {
|
|
|
485
340
|
}
|
|
486
341
|
updateMultiRange(contextId, ranges) {
|
|
487
342
|
const selection = this.getSelection(contextId, "multi-range");
|
|
488
|
-
invariant(selection?.mode === "multi-range", "Selection mode is not multi-range", {
|
|
489
|
-
F: __dxlog_file2,
|
|
490
|
-
L: 180,
|
|
491
|
-
S: this,
|
|
492
|
-
A: [
|
|
493
|
-
"selection?.mode === 'multi-range'",
|
|
494
|
-
"'Selection mode is not multi-range'"
|
|
495
|
-
]
|
|
496
|
-
});
|
|
343
|
+
invariant(selection?.mode === "multi-range", "Selection mode is not multi-range", { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 162, S: this, A: ["selection?.mode === 'multi-range'", "'Selection mode is not multi-range'"] });
|
|
497
344
|
this._registry.update(this._state, (state) => ({
|
|
498
345
|
selections: {
|
|
499
346
|
...state.selections,
|
|
@@ -542,15 +389,7 @@ var SelectionManager = class {
|
|
|
542
389
|
}
|
|
543
390
|
toggleSelection(contextId, id) {
|
|
544
391
|
const selection = this.getSelection(contextId, "multi");
|
|
545
|
-
invariant(selection?.mode === "multi", "Selection mode is not multi", {
|
|
546
|
-
F: __dxlog_file2,
|
|
547
|
-
L: 213,
|
|
548
|
-
S: this,
|
|
549
|
-
A: [
|
|
550
|
-
"selection?.mode === 'multi'",
|
|
551
|
-
"'Selection mode is not multi'"
|
|
552
|
-
]
|
|
553
|
-
});
|
|
392
|
+
invariant(selection?.mode === "multi", "Selection mode is not multi", { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 211, S: this, A: ["selection?.mode === 'multi'", "'Selection mode is not multi'"] });
|
|
554
393
|
const newIds = selection.ids.includes(id) ? selection.ids.filter((existingId) => existingId !== id) : [
|
|
555
394
|
...selection.ids,
|
|
556
395
|
id
|
|
@@ -567,152 +406,18 @@ var SelectionManager = class {
|
|
|
567
406
|
}
|
|
568
407
|
};
|
|
569
408
|
|
|
570
|
-
// src/components/SelectionProvider.tsx
|
|
571
|
-
import { RegistryContext as RegistryContext2 } from "@effect-atom/atom-react";
|
|
572
|
-
import { createContext as createContext2 } from "@radix-ui/react-context";
|
|
573
|
-
import * as Match2 from "effect/Match";
|
|
574
|
-
import React2, { useCallback, useContext as useContext2, useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
|
|
575
|
-
import { useDefaultValue as useDefaultValue2 } from "@dxos/react-hooks";
|
|
576
|
-
var SELECTION_NAME = "Selection";
|
|
577
|
-
var [SelectionContextProvider, useSelectionContext] = createContext2(SELECTION_NAME, {
|
|
578
|
-
selection: void 0
|
|
579
|
-
});
|
|
580
|
-
var SelectionProvider = ({ children, selection: propsSelection }) => {
|
|
581
|
-
const registry = useContext2(RegistryContext2);
|
|
582
|
-
const selection = useDefaultValue2(propsSelection, () => new SelectionManager(registry));
|
|
583
|
-
return /* @__PURE__ */ React2.createElement(SelectionContextProvider, {
|
|
584
|
-
selection
|
|
585
|
-
}, children);
|
|
586
|
-
};
|
|
587
|
-
var useSelectionManager = () => {
|
|
588
|
-
const { selection } = useSelectionContext(SELECTION_NAME);
|
|
589
|
-
return selection;
|
|
590
|
-
};
|
|
591
|
-
var getDefaultResult = (mode) => {
|
|
592
|
-
return Match2.type().pipe(Match2.when({
|
|
593
|
-
mode: "single"
|
|
594
|
-
}, (selection) => selection.id), Match2.when({
|
|
595
|
-
mode: "multi"
|
|
596
|
-
}, (selection) => selection.ids), Match2.when({
|
|
597
|
-
mode: "range"
|
|
598
|
-
}, (selection) => selection.from && selection.to ? {
|
|
599
|
-
from: selection.from,
|
|
600
|
-
to: selection.to
|
|
601
|
-
} : void 0), Match2.when({
|
|
602
|
-
mode: "multi-range"
|
|
603
|
-
}, (selection) => selection.ranges), Match2.exhaustive)(defaultSelection(mode));
|
|
604
|
-
};
|
|
605
|
-
var useSelected = (contextId, mode = "multi") => {
|
|
606
|
-
const { selection } = useSelectionContext(SELECTION_NAME);
|
|
607
|
-
const [state, setState] = useState2(() => contextId && selection ? selection.getSelected(contextId, mode) : getDefaultResult(mode));
|
|
608
|
-
useEffect2(() => {
|
|
609
|
-
if (!contextId || !selection) {
|
|
610
|
-
setState(getDefaultResult(mode));
|
|
611
|
-
return;
|
|
612
|
-
}
|
|
613
|
-
setState(selection.getSelected(contextId, mode));
|
|
614
|
-
return selection.subscribe(() => {
|
|
615
|
-
setState(selection.getSelected(contextId, mode));
|
|
616
|
-
});
|
|
617
|
-
}, [
|
|
618
|
-
selection,
|
|
619
|
-
contextId,
|
|
620
|
-
mode
|
|
621
|
-
]);
|
|
622
|
-
return state;
|
|
623
|
-
};
|
|
624
|
-
var useSelectionActions = (contextIds, mode = "multi") => {
|
|
625
|
-
const stableContextIds = useMemo2(() => contextIds, [
|
|
626
|
-
JSON.stringify(contextIds)
|
|
627
|
-
]);
|
|
628
|
-
const { selection } = useSelectionContext(SELECTION_NAME);
|
|
629
|
-
const singleSelect = useCallback((id) => {
|
|
630
|
-
if (!selection) {
|
|
631
|
-
return;
|
|
632
|
-
}
|
|
633
|
-
for (const contextId of stableContextIds) {
|
|
634
|
-
selection.updateSingle(contextId, id);
|
|
635
|
-
}
|
|
636
|
-
}, [
|
|
637
|
-
selection,
|
|
638
|
-
stableContextIds
|
|
639
|
-
]);
|
|
640
|
-
const multiSelect = useCallback((ids) => {
|
|
641
|
-
if (!selection) {
|
|
642
|
-
return;
|
|
643
|
-
}
|
|
644
|
-
for (const contextId of stableContextIds) {
|
|
645
|
-
selection.updateMulti(contextId, ids);
|
|
646
|
-
}
|
|
647
|
-
}, [
|
|
648
|
-
selection,
|
|
649
|
-
stableContextIds
|
|
650
|
-
]);
|
|
651
|
-
const rangeSelect = useCallback((from, to) => {
|
|
652
|
-
if (!selection) {
|
|
653
|
-
return;
|
|
654
|
-
}
|
|
655
|
-
for (const contextId of stableContextIds) {
|
|
656
|
-
selection.updateRange(contextId, from, to);
|
|
657
|
-
}
|
|
658
|
-
}, [
|
|
659
|
-
selection,
|
|
660
|
-
stableContextIds
|
|
661
|
-
]);
|
|
662
|
-
const toggle = useCallback((id) => {
|
|
663
|
-
if (!selection) {
|
|
664
|
-
return;
|
|
665
|
-
}
|
|
666
|
-
for (const contextId of stableContextIds) {
|
|
667
|
-
selection.toggleSelection(contextId, id);
|
|
668
|
-
}
|
|
669
|
-
}, [
|
|
670
|
-
selection,
|
|
671
|
-
stableContextIds
|
|
672
|
-
]);
|
|
673
|
-
const clear = useCallback(() => {
|
|
674
|
-
if (!selection) {
|
|
675
|
-
return;
|
|
676
|
-
}
|
|
677
|
-
for (const contextId of stableContextIds) {
|
|
678
|
-
selection.clearSelection(contextId);
|
|
679
|
-
}
|
|
680
|
-
}, [
|
|
681
|
-
selection,
|
|
682
|
-
stableContextIds
|
|
683
|
-
]);
|
|
684
|
-
return {
|
|
685
|
-
singleSelect,
|
|
686
|
-
multiSelect,
|
|
687
|
-
rangeSelect,
|
|
688
|
-
toggle,
|
|
689
|
-
clear
|
|
690
|
-
};
|
|
691
|
-
};
|
|
692
|
-
|
|
693
409
|
export {
|
|
694
410
|
AttentionManager,
|
|
695
411
|
getAttendables,
|
|
696
412
|
expandAttendableId,
|
|
697
|
-
|
|
413
|
+
isLinkedSegment,
|
|
414
|
+
linkedSegment,
|
|
415
|
+
getLinkedVariant,
|
|
698
416
|
getParentId,
|
|
699
417
|
getSegmentId,
|
|
700
|
-
ATTENTION_NAME,
|
|
701
|
-
ATTENDABLE_ATTRIBUTE,
|
|
702
|
-
ATTENTION_SOURCE_ATTRIBUTE,
|
|
703
|
-
useAttentionContext,
|
|
704
|
-
useAttention,
|
|
705
|
-
useAttended,
|
|
706
|
-
useAttentionAttributes,
|
|
707
|
-
RootAttentionProvider,
|
|
708
|
-
AttendableContainer,
|
|
709
418
|
SelectionSchema,
|
|
710
419
|
defaultSelection,
|
|
711
420
|
getSelectionSet,
|
|
712
|
-
SelectionManager
|
|
713
|
-
SelectionProvider,
|
|
714
|
-
useSelectionManager,
|
|
715
|
-
useSelected,
|
|
716
|
-
useSelectionActions
|
|
421
|
+
SelectionManager
|
|
717
422
|
};
|
|
718
|
-
//# sourceMappingURL=chunk-
|
|
423
|
+
//# sourceMappingURL=chunk-6INLBC62.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/attention.ts", "../../../src/selection.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Atom, type Registry } from '@effect-atom/atom-react';\n\nexport type Attention = {\n hasAttention: boolean;\n isAncestor: boolean;\n isRelated: boolean;\n};\n\n/**\n * Manages attention state for an application.\n * Attention keys are slash-qualified graph IDs; ancestry is derived from progressive prefixes.\n */\nexport class AttentionManager {\n private readonly _map = new Map<string, Atom.Writable<Attention>>();\n private readonly _currentAtom: Atom.Writable<string[]>;\n\n constructor(\n private readonly _registry: Registry.Registry,\n initial: string[] = [],\n ) {\n this._currentAtom = Atom.make<string[]>([]).pipe(Atom.keepAlive);\n if (initial.length > 0) {\n this.update(initial);\n }\n }\n\n /**\n * Atom for the currently attended element IDs.\n */\n get current(): Atom.Atom<string[]> {\n return this._currentAtom;\n }\n\n /**\n * Gets the currently attended element IDs.\n */\n getCurrent(): readonly string[] {\n return this._registry.get(this._currentAtom);\n }\n\n /**\n * Subscribe to changes in the current attention IDs.\n */\n subscribeCurrent(cb: (current: readonly string[]) => void): () => void {\n this._registry.get(this._currentAtom);\n return this._registry.subscribe(this._currentAtom, () => {\n cb(this._registry.get(this._currentAtom));\n });\n }\n\n /**\n * All tracked qualified IDs.\n */\n keys(): string[] {\n return Array.from(this._map.keys());\n }\n\n /**\n * Get the attention state for a given qualified ID.\n */\n get(id: string): Attention {\n const atom = this._getAtom(id);\n return this._registry.get(atom);\n }\n\n /**\n * Subscribe to changes in the attention state for a given qualified ID.\n */\n subscribe(id: string, cb: (attention: Attention) => void): () => void {\n const atom = this._getAtom(id);\n this._registry.get(atom);\n return this._registry.subscribe(atom, () => {\n cb(this._registry.get(atom));\n });\n }\n\n private _getAtom(id: string): Atom.Writable<Attention> {\n const existing = this._map.get(id);\n if (existing) {\n return existing;\n }\n\n const newAtom = Atom.make<Attention>({ hasAttention: false, isAncestor: false, isRelated: false }).pipe(\n Atom.keepAlive,\n );\n this._map.set(id, newAtom);\n return newAtom;\n }\n\n /**\n * Update the currently attended element.\n * Takes the array of qualified IDs collected from the DOM; the first element is the primary attended item.\n * Ancestry is derived from the progressive prefixes of the primary ID.\n * Relatedness is derived from the segment ID: any tracked key whose last `/` segment matches the\n * attended ID's segment ID is marked `isRelated`. Additionally, if the primary ID is a linked segment\n * (starts with `~`), its immediate parent gets `isRelated` alongside `isAncestor`.\n *\n * @internal\n */\n update(nextIds: string[]): void {\n const primaryId = nextIds[0];\n if (!primaryId) {\n return;\n }\n\n const currentIds = this.getCurrent();\n const prevPrimaryId = currentIds[0];\n // Clear previous attention state: ancestors, primary, and related keys.\n if (prevPrimaryId) {\n const prevPrefixes = expandAttendableId(prevPrimaryId);\n for (const prefix of prevPrefixes) {\n this._set(prefix, {});\n }\n const prevSegmentId = getSegmentId(prevPrimaryId);\n for (const key of this.keys()) {\n if (getSegmentId(key) === prevSegmentId) {\n this._set(key, {});\n }\n }\n }\n\n this._registry.set(this._currentAtom, nextIds);\n\n // Set ancestors and primary.\n const prefixes = expandAttendableId(primaryId);\n const prefixSet = new Set(prefixes);\n const linkedParent = isLinkedSegment(primaryId) ? getParentId(primaryId) : undefined;\n\n for (const prefix of prefixes) {\n if (prefix === primaryId) {\n this._set(prefix, { hasAttention: true });\n } else if (prefix === linkedParent) {\n this._set(prefix, { isAncestor: true, isRelated: true });\n } else {\n this._set(prefix, { isAncestor: true });\n }\n }\n\n // Set related keys: any tracked key sharing the same segment ID.\n const segmentId = getSegmentId(primaryId);\n for (const key of this.keys()) {\n if (!prefixSet.has(key) && getSegmentId(key) === segmentId) {\n this._set(key, { isRelated: true });\n }\n }\n }\n\n private _set(id: string, attention: Partial<Attention>): void {\n const atom = this._getAtom(id);\n this._registry.set(atom, {\n hasAttention: attention.hasAttention ?? false,\n isAncestor: attention.isAncestor ?? false,\n isRelated: attention.isRelated ?? false,\n });\n }\n}\n\n/**\n * Accumulates all attendable IDs between the element provided and the root, inclusive.\n * Each `data-attendable-id` value is treated as a single qualified ID (no splitting).\n */\nexport const getAttendables = (selector: string, cursor: Element, acc: string[] = []): string[] => {\n // Find the closest element with `data-attendable-id`, if any; start from cursor and move up the DOM tree.\n const closestAttendable = cursor.closest(selector);\n if (closestAttendable) {\n const attendableId = closestAttendable.getAttribute('data-attendable-id');\n if (!attendableId) {\n // This has an id of an aria-controls elsewhere on the page, move cursor to that trigger.\n const trigger = document.querySelector(`[aria-controls=\"${closestAttendable.getAttribute('id')}\"]`);\n if (!trigger) {\n return acc;\n } else {\n return getAttendables(selector, trigger, acc);\n }\n } else {\n acc.push(attendableId);\n return !closestAttendable.parentElement ? acc : getAttendables(selector, closestAttendable.parentElement, acc);\n }\n }\n\n return [...new Set(acc)];\n};\n\nexport type AttendableId = { attendableId?: string };\n\nexport type Related = { related?: boolean };\n\n/**\n * Prefix for linked segments. A linked segment's attention state is shared with its parent:\n * when a linked node has attention, the parent is marked as both ancestor and related.\n */\nconst LINKED_PREFIX = '~';\n\n/**\n * Decompose a qualified graph ID into progressive prefixes for ancestry tracking.\n * e.g. `root/a/b/c` yields `['root', 'root/a', 'root/a/b', 'root/a/b/c']`.\n */\nexport const expandAttendableId = (qualifiedId: string): string[] => {\n const segments = qualifiedId.split('/');\n return segments.map((_, index) => segments.slice(0, index + 1).join('/'));\n};\n\n/**\n * Whether the last segment of a qualified ID is a linked segment (starts with `~`).\n * Linked segments share their attention state with the parent node.\n */\nexport const isLinkedSegment = (qualifiedId: string): boolean => {\n const lastSegment = qualifiedId.split('/').pop() ?? '';\n return lastSegment.startsWith(LINKED_PREFIX);\n};\n\n/**\n * Build a linked segment ID from a variant name (e.g., `'settings'` -> `'~settings'`).\n * Nodes identified by linked segments share their attention state with the parent node.\n */\nexport const linkedSegment = (variant: string): string => `${LINKED_PREFIX}${variant}`;\n\n/**\n * Extract the variant name from the last segment of a qualified ID, stripping the linked prefix.\n * e.g. `'root/space/obj/~settings'` -> `'settings'`.\n * If the segment is not linked (no `~` prefix), returns the segment as-is.\n */\nexport const getLinkedVariant = (qualifiedId: string): string => {\n const lastSegment = qualifiedId.split('/').pop() ?? '';\n return lastSegment.startsWith(LINKED_PREFIX) ? lastSegment.slice(LINKED_PREFIX.length) : lastSegment;\n};\n\n/**\n * Get the parent qualified ID (everything before the last `/` segment).\n */\nexport const getParentId = (qualifiedId: string | undefined): string | undefined => {\n if (!qualifiedId) {\n return undefined;\n }\n\n const lastSlash = qualifiedId.lastIndexOf('/');\n return lastSlash > 0 ? qualifiedId.slice(0, lastSlash) : undefined;\n};\n\n/**\n * Extract the segment ID (last segment) of a qualified ID.\n */\nexport const getSegmentId = (qualifiedId: string): string => {\n return qualifiedId.split('/').pop() ?? qualifiedId;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom, type Registry } from '@effect-atom/atom-react';\nimport * as Match from 'effect/Match';\nimport * as Schema from 'effect/Schema';\n\nimport { invariant } from '@dxos/invariant';\n\nexport type SelectionMode = 'single' | 'multi' | 'range' | 'multi-range';\n\nexport const SelectionSchema = Schema.Union(\n Schema.Struct({\n mode: Schema.Literal('single'),\n id: Schema.optional(Schema.String),\n }).pipe(Schema.mutable),\n Schema.Struct({\n mode: Schema.Literal('multi'),\n ids: Schema.Array(Schema.String).pipe(Schema.mutable),\n }).pipe(Schema.mutable),\n Schema.Struct({\n mode: Schema.Literal('range'),\n from: Schema.optional(Schema.String),\n to: Schema.optional(Schema.String),\n }).pipe(Schema.mutable),\n Schema.Struct({\n mode: Schema.Literal('multi-range'),\n ranges: Schema.Array(Schema.Struct({ from: Schema.String, to: Schema.String })).pipe(Schema.mutable),\n }).pipe(Schema.mutable),\n).pipe(Schema.mutable);\n\nexport type Selection = Schema.Schema.Type<typeof SelectionSchema>;\n\nexport const defaultSelection = Match.type<SelectionMode>().pipe(\n Match.withReturnType<Selection>(),\n Match.when('single', () => ({ mode: 'single' })),\n Match.when('multi', () => ({ mode: 'multi', ids: [] })),\n Match.when('range', () => ({ mode: 'range' })),\n Match.when('multi-range', () => ({ mode: 'multi-range', ranges: [] })),\n Match.exhaustive,\n);\n\nexport type SelectionResult<T extends SelectionMode> = T extends 'single'\n ? string | undefined\n : T extends 'multi'\n ? string[]\n : T extends 'range'\n ? { from: string; to: string } | undefined\n : T extends 'multi-range'\n ? { from: string; to: string }[]\n : never;\n\nexport const getSelectionSet = (selectionManager: SelectionManager, contextId?: string) => {\n const ids = new Set<string>(contextId ? [contextId] : []);\n for (const context of selectionManager.getSelectionContexts()) {\n const selection = selectionManager.getSelection(context);\n if (selection?.mode === 'multi') {\n for (const id of selection.ids) {\n ids.add(id);\n }\n }\n }\n\n return ids;\n};\n\n/**\n * Manages selection state for different contexts.\n * Each context maintains its own selection mode and state.\n */\nexport class SelectionManager {\n private readonly _state: Atom.Writable<{ selections: Record<string, Selection> }>;\n\n constructor(\n private readonly _registry: Registry.Registry,\n initial: Record<string, Selection> = {},\n ) {\n this._state = Atom.make<{ selections: Record<string, Selection> }>({\n selections: { ...initial },\n });\n }\n\n /**\n * Get the state atom for reactive access in the graph system.\n */\n get state(): Atom.Atom<{ selections: Record<string, Selection> }> {\n return this._state;\n }\n\n /**\n * Gets the current state.\n */\n getState(): { selections: Record<string, Selection> } {\n return this._registry.get(this._state);\n }\n\n /**\n * Subscribe to changes in the selection state.\n */\n subscribe(cb: (state: { selections: Record<string, Selection> }) => void): () => void {\n this._registry.get(this._state);\n return this._registry.subscribe(this._state, () => {\n cb(this._registry.get(this._state));\n });\n }\n\n getSelectionContexts(): string[] {\n return Object.keys(this._registry.get(this._state).selections);\n }\n\n getSelection(contextId: string): Selection | undefined;\n getSelection<T extends SelectionMode>(contextId: string, mode: T): Selection;\n getSelection<T extends SelectionMode | undefined>(\n contextId: string,\n mode: T = undefined as T,\n ): Selection | undefined {\n const state = this._registry.get(this._state);\n const selection = state.selections[contextId];\n if (!mode || selection) {\n return selection;\n }\n\n // Create new selection for the context.\n const newSelection = defaultSelection(mode);\n this._registry.update(this._state, (state) => ({\n selections: { ...state.selections, [contextId]: newSelection },\n }));\n\n return newSelection;\n }\n\n getSelected<T extends SelectionMode>(contextId: string, mode: T = 'multi' as T): SelectionResult<T> {\n const selection = this.getSelection(contextId, mode);\n invariant(selection?.mode === mode, 'Selection mode mismatch');\n\n // Cast required because TypeScript can't infer the relationship between T and the matched result.\n return Match.type<Selection>().pipe(\n Match.when({ mode: 'single' }, (s) => s.id),\n Match.when({ mode: 'multi' }, (s) => s.ids),\n Match.when({ mode: 'range' }, (s) => (s.from && s.to ? { from: s.from, to: s.to } : undefined)),\n Match.when({ mode: 'multi-range' }, (s) => s.ranges),\n Match.exhaustive,\n )(selection) as SelectionResult<T>;\n }\n\n updateSingle(contextId: string, id: string): void {\n const selection = this.getSelection(contextId, 'single');\n invariant(selection?.mode === 'single', 'Selection mode is not single');\n this._registry.update(this._state, (state) => ({\n selections: {\n ...state.selections,\n [contextId]: { ...selection, id },\n },\n }));\n }\n\n updateMulti(contextId: string, ids: string[]) {\n const selection = this.getSelection(contextId, 'multi');\n invariant(selection?.mode === 'multi', 'Selection mode is not multi');\n this._registry.update(this._state, (state) => ({\n selections: {\n ...state.selections,\n [contextId]: { ...selection, ids: [...ids] },\n },\n }));\n }\n\n updateRange(contextId: string, from: string, to: string) {\n const selection = this.getSelection(contextId, 'range');\n invariant(selection?.mode === 'range', 'Selection mode is not range');\n this._registry.update(this._state, (state) => ({\n selections: {\n ...state.selections,\n [contextId]: { ...selection, from, to },\n },\n }));\n }\n\n updateMultiRange(contextId: string, ranges: { from: string; to: string }[]) {\n const selection = this.getSelection(contextId, 'multi-range');\n invariant(selection?.mode === 'multi-range', 'Selection mode is not multi-range');\n this._registry.update(this._state, (state) => ({\n selections: {\n ...state.selections,\n [contextId]: { ...selection, ranges: [...ranges] },\n },\n }));\n }\n\n clearSelection(contextId: string): void {\n const selection = this.getSelection(contextId);\n if (!selection) {\n return;\n }\n\n const clearedSelection = Match.type<Selection>().pipe(\n Match.when({ mode: 'single' }, (s) => ({ ...s, id: undefined })),\n Match.when({ mode: 'multi' }, (s) => ({ ...s, ids: [] })),\n Match.when({ mode: 'range' }, (s) => ({ ...s, from: undefined, to: undefined })),\n Match.when({ mode: 'multi-range' }, (s) => ({ ...s, ranges: [] })),\n Match.exhaustive,\n )(selection);\n\n this._registry.update(this._state, (state) => ({\n selections: {\n ...state.selections,\n [contextId]: clearedSelection,\n },\n }));\n }\n\n toggleSelection(contextId: string, id: string): void {\n const selection = this.getSelection(contextId, 'multi');\n invariant(selection?.mode === 'multi', 'Selection mode is not multi');\n\n const newIds = selection.ids.includes(id)\n ? selection.ids.filter((existingId) => existingId !== id)\n : [...selection.ids, id];\n\n this._registry.update(this._state, (state) => ({\n selections: {\n ...state.selections,\n [contextId]: { ...selection, ids: newIds },\n },\n }));\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["Atom", "AttentionManager", "_map", "Map", "_currentAtom", "_registry", "initial", "make", "pipe", "keepAlive", "length", "update", "current", "getCurrent", "get", "subscribeCurrent", "cb", "subscribe", "keys", "Array", "from", "id", "atom", "_getAtom", "existing", "newAtom", "hasAttention", "isAncestor", "isRelated", "set", "nextIds", "primaryId", "currentIds", "prevPrimaryId", "prevPrefixes", "expandAttendableId", "prefix", "_set", "prevSegmentId", "getSegmentId", "key", "prefixes", "prefixSet", "Set", "linkedParent", "isLinkedSegment", "getParentId", "undefined", "segmentId", "has", "attention", "getAttendables", "selector", "cursor", "acc", "closestAttendable", "closest", "attendableId", "getAttribute", "trigger", "document", "querySelector", "push", "parentElement", "LINKED_PREFIX", "qualifiedId", "segments", "split", "map", "_", "index", "slice", "join", "lastSegment", "pop", "startsWith", "linkedSegment", "variant", "getLinkedVariant", "lastSlash", "lastIndexOf", "Atom", "Match", "Schema", "invariant", "SelectionSchema", "id", "pipe", "mutable", "Struct", "mode", "String", "optional", "to", "Array", "defaultSelection", "when", "ranges", "getSelectionSet", "ids", "contextId", "selection", "_state", "make", "selections", "initial", "_registry", "cb", "get", "getSelectionContexts", "getSelection", "undefined", "state", "newSelection", "getSelected", "s", "from", "exhaustive", "updateSingle", "update", "updateMulti", "updateRange", "updateMultiRange", "clearSelection", "toggleSelection", "newIds", "includes"]
|
|
7
|
+
}
|