@dxos/react-ui-attention 0.8.4-main.ead640a → 0.8.4-main.effb148878
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-D2BLVJ6Z.mjs +421 -0
- 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 +89 -23
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/testing/index.mjs +22 -5
- package/dist/lib/browser/testing/index.mjs.map +3 -3
- package/dist/lib/browser/types/index.mjs +29 -0
- package/dist/lib/browser/types/index.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-6INLBC62.mjs +423 -0
- 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 +89 -23
- 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 +22 -5
- package/dist/lib/node-esm/testing/index.mjs.map +3 -3
- package/dist/lib/node-esm/types/index.mjs +30 -0
- package/dist/lib/node-esm/types/index.mjs.map +7 -0
- package/dist/types/src/attention.d.ts +60 -20
- 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/AttentionProvider.d.ts +34 -0
- 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} +7 -6
- 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/selection.d.ts +23 -3
- package/dist/types/src/selection.d.ts.map +1 -1
- package/dist/types/src/testing/decorators/withAttention.d.ts +5 -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 +34 -32
- package/src/attention.test.ts +188 -27
- package/src/attention.ts +179 -75
- package/src/components/{AttentionGlyph.stories.tsx → AttentionGlyph/AttentionGlyph.stories.tsx} +2 -2
- package/src/components/{AttentionGlyph.tsx → AttentionGlyph/AttentionGlyph.tsx} +13 -6
- package/src/components/AttentionGlyph/index.ts +5 -0
- package/src/components/{AttentionProvider.stories.tsx → AttentionProvider/AttentionProvider.stories.tsx} +3 -4
- package/src/components/AttentionProvider/AttentionProvider.tsx +176 -0
- package/src/components/AttentionProvider/index.ts +5 -0
- package/src/components/SelectionProvider/SelectionProvider.tsx +174 -0
- package/src/components/SelectionProvider/index.ts +5 -0
- package/src/selection.ts +121 -79
- package/src/testing/decorators/withAttention.ts +22 -4
- package/src/types/index.ts +9 -0
- package/dist/lib/browser/chunk-HELLA3BH.mjs +0 -675
- package/dist/lib/browser/chunk-HELLA3BH.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-FBZV7QG7.mjs +0 -677
- package/dist/lib/node-esm/chunk-FBZV7QG7.mjs.map +0 -7
- 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 +0 -38
- 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/src/components/AttentionProvider.tsx +0 -201
- package/src/components/SelectionProvider.tsx +0 -120
- /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/LICENSE
CHANGED
|
@@ -1,8 +1,105 @@
|
|
|
1
|
-
|
|
2
|
-
Copyright (c) 2024 DXOS
|
|
1
|
+
# Functional Source License, Version 1.1, ALv2 Future License
|
|
3
2
|
|
|
4
|
-
|
|
3
|
+
## Abbreviation
|
|
5
4
|
|
|
6
|
-
|
|
5
|
+
FSL-1.1-Apache-2.0
|
|
7
6
|
|
|
8
|
-
|
|
7
|
+
## Notice
|
|
8
|
+
|
|
9
|
+
Copyright 2026 DXOS
|
|
10
|
+
|
|
11
|
+
## Terms and Conditions
|
|
12
|
+
|
|
13
|
+
### Licensor ("We")
|
|
14
|
+
|
|
15
|
+
The party offering the Software under these Terms and Conditions.
|
|
16
|
+
|
|
17
|
+
### The Software
|
|
18
|
+
|
|
19
|
+
The "Software" is each version of the software that we make available under
|
|
20
|
+
these Terms and Conditions, as indicated by our inclusion of these Terms and
|
|
21
|
+
Conditions with the Software.
|
|
22
|
+
|
|
23
|
+
### License Grant
|
|
24
|
+
|
|
25
|
+
Subject to your compliance with this License Grant and the Patents,
|
|
26
|
+
Redistribution and Trademark clauses below, we hereby grant you the right to
|
|
27
|
+
use, copy, modify, create derivative works, publicly perform, publicly display
|
|
28
|
+
and redistribute the Software for any Permitted Purpose identified below.
|
|
29
|
+
|
|
30
|
+
### Permitted Purpose
|
|
31
|
+
|
|
32
|
+
A Permitted Purpose is any purpose other than a Competing Use. A Competing Use
|
|
33
|
+
means making the Software available to others in a commercial product or
|
|
34
|
+
service that:
|
|
35
|
+
|
|
36
|
+
1. substitutes for the Software;
|
|
37
|
+
|
|
38
|
+
2. substitutes for any other product or service we offer using the Software
|
|
39
|
+
that exists as of the date we make the Software available; or
|
|
40
|
+
|
|
41
|
+
3. offers the same or substantially similar functionality as the Software.
|
|
42
|
+
|
|
43
|
+
Permitted Purposes specifically include using the Software:
|
|
44
|
+
|
|
45
|
+
1. for your internal use and access;
|
|
46
|
+
|
|
47
|
+
2. for non-commercial education;
|
|
48
|
+
|
|
49
|
+
3. for non-commercial research; and
|
|
50
|
+
|
|
51
|
+
4. in connection with professional services that you provide to a licensee
|
|
52
|
+
using the Software in accordance with these Terms and Conditions.
|
|
53
|
+
|
|
54
|
+
### Patents
|
|
55
|
+
|
|
56
|
+
To the extent your use for a Permitted Purpose would necessarily infringe our
|
|
57
|
+
patents, the license grant above includes a license under our patents. If you
|
|
58
|
+
make a claim against any party that the Software infringes or contributes to
|
|
59
|
+
the infringement of any patent, then your patent license to the Software ends
|
|
60
|
+
immediately.
|
|
61
|
+
|
|
62
|
+
### Redistribution
|
|
63
|
+
|
|
64
|
+
The Terms and Conditions apply to all copies, modifications and derivatives of
|
|
65
|
+
the Software.
|
|
66
|
+
|
|
67
|
+
If you redistribute any copies, modifications or derivatives of the Software,
|
|
68
|
+
you must include a copy of or a link to these Terms and Conditions and not
|
|
69
|
+
remove any copyright notices provided in or with the Software.
|
|
70
|
+
|
|
71
|
+
### Disclaimer
|
|
72
|
+
|
|
73
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND, EXPRESS OR
|
|
74
|
+
IMPLIED, INCLUDING WITHOUT LIMITATION WARRANTIES OF FITNESS FOR A PARTICULAR
|
|
75
|
+
PURPOSE, MERCHANTABILITY, TITLE OR NON-INFRINGEMENT.
|
|
76
|
+
|
|
77
|
+
IN NO EVENT WILL WE HAVE ANY LIABILITY TO YOU ARISING OUT OF OR RELATED TO THE
|
|
78
|
+
SOFTWARE, INCLUDING INDIRECT, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES,
|
|
79
|
+
EVEN IF WE HAVE BEEN INFORMED OF THEIR POSSIBILITY IN ADVANCE.
|
|
80
|
+
|
|
81
|
+
### Trademarks
|
|
82
|
+
|
|
83
|
+
Except for displaying the License Details and identifying us as the origin of
|
|
84
|
+
the Software, you have no right under these Terms and Conditions to use our
|
|
85
|
+
trademarks, trade names, service marks or product names.
|
|
86
|
+
|
|
87
|
+
## Grant of Future License
|
|
88
|
+
|
|
89
|
+
We hereby irrevocably grant you an additional license to use the Software under
|
|
90
|
+
the Apache License, Version 2.0 that is effective on the second anniversary of
|
|
91
|
+
the date we make the Software available. On or after that date, you may use the
|
|
92
|
+
Software under the Apache License, Version 2.0, in which case the following
|
|
93
|
+
will apply:
|
|
94
|
+
|
|
95
|
+
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
|
96
|
+
this file except in compliance with the License.
|
|
97
|
+
|
|
98
|
+
You may obtain a copy of the License at
|
|
99
|
+
|
|
100
|
+
http://www.apache.org/licenses/LICENSE-2.0
|
|
101
|
+
|
|
102
|
+
Unless required by applicable law or agreed to in writing, software distributed
|
|
103
|
+
under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
|
|
104
|
+
CONDITIONS OF ANY KIND, either express or implied. See the License for the
|
|
105
|
+
specific language governing permissions and limitations under the License.
|
|
@@ -0,0 +1,421 @@
|
|
|
1
|
+
// src/attention.ts
|
|
2
|
+
import { Atom } from "@effect-atom/atom-react";
|
|
3
|
+
var AttentionManager = class {
|
|
4
|
+
_registry;
|
|
5
|
+
_map = /* @__PURE__ */ new Map();
|
|
6
|
+
_currentAtom;
|
|
7
|
+
constructor(_registry, initial = []) {
|
|
8
|
+
this._registry = _registry;
|
|
9
|
+
this._currentAtom = Atom.make([]).pipe(Atom.keepAlive);
|
|
10
|
+
if (initial.length > 0) {
|
|
11
|
+
this.update(initial);
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Atom for the currently attended element IDs.
|
|
16
|
+
*/
|
|
17
|
+
get current() {
|
|
18
|
+
return this._currentAtom;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Gets the currently attended element IDs.
|
|
22
|
+
*/
|
|
23
|
+
getCurrent() {
|
|
24
|
+
return this._registry.get(this._currentAtom);
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Subscribe to changes in the current attention IDs.
|
|
28
|
+
*/
|
|
29
|
+
subscribeCurrent(cb) {
|
|
30
|
+
this._registry.get(this._currentAtom);
|
|
31
|
+
return this._registry.subscribe(this._currentAtom, () => {
|
|
32
|
+
cb(this._registry.get(this._currentAtom));
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* All tracked qualified IDs.
|
|
37
|
+
*/
|
|
38
|
+
keys() {
|
|
39
|
+
return Array.from(this._map.keys());
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* Get the attention state for a given qualified ID.
|
|
43
|
+
*/
|
|
44
|
+
get(id) {
|
|
45
|
+
const atom = this._getAtom(id);
|
|
46
|
+
return this._registry.get(atom);
|
|
47
|
+
}
|
|
48
|
+
/**
|
|
49
|
+
* Subscribe to changes in the attention state for a given qualified ID.
|
|
50
|
+
*/
|
|
51
|
+
subscribe(id, cb) {
|
|
52
|
+
const atom = this._getAtom(id);
|
|
53
|
+
this._registry.get(atom);
|
|
54
|
+
return this._registry.subscribe(atom, () => {
|
|
55
|
+
cb(this._registry.get(atom));
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
_getAtom(id) {
|
|
59
|
+
const existing = this._map.get(id);
|
|
60
|
+
if (existing) {
|
|
61
|
+
return existing;
|
|
62
|
+
}
|
|
63
|
+
const newAtom = Atom.make({
|
|
64
|
+
hasAttention: false,
|
|
65
|
+
isAncestor: false,
|
|
66
|
+
isRelated: false
|
|
67
|
+
}).pipe(Atom.keepAlive);
|
|
68
|
+
this._map.set(id, newAtom);
|
|
69
|
+
return newAtom;
|
|
70
|
+
}
|
|
71
|
+
/**
|
|
72
|
+
* Update the currently attended element.
|
|
73
|
+
* Takes the array of qualified IDs collected from the DOM; the first element is the primary attended item.
|
|
74
|
+
* Ancestry is derived from the progressive prefixes of the primary ID.
|
|
75
|
+
* Relatedness is derived from the segment ID: any tracked key whose last `/` segment matches the
|
|
76
|
+
* attended ID's segment ID is marked `isRelated`. Additionally, if the primary ID is a linked segment
|
|
77
|
+
* (starts with `~`), its immediate parent gets `isRelated` alongside `isAncestor`.
|
|
78
|
+
*
|
|
79
|
+
* @internal
|
|
80
|
+
*/
|
|
81
|
+
update(nextIds) {
|
|
82
|
+
const primaryId = nextIds[0];
|
|
83
|
+
if (!primaryId) {
|
|
84
|
+
return;
|
|
85
|
+
}
|
|
86
|
+
const currentIds = this.getCurrent();
|
|
87
|
+
const prevPrimaryId = currentIds[0];
|
|
88
|
+
if (prevPrimaryId) {
|
|
89
|
+
const prevPrefixes = expandAttendableId(prevPrimaryId);
|
|
90
|
+
for (const prefix of prevPrefixes) {
|
|
91
|
+
this._set(prefix, {});
|
|
92
|
+
}
|
|
93
|
+
const prevSegmentId = getSegmentId(prevPrimaryId);
|
|
94
|
+
for (const key of this.keys()) {
|
|
95
|
+
if (getSegmentId(key) === prevSegmentId) {
|
|
96
|
+
this._set(key, {});
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
this._registry.set(this._currentAtom, nextIds);
|
|
101
|
+
const prefixes = expandAttendableId(primaryId);
|
|
102
|
+
const prefixSet = new Set(prefixes);
|
|
103
|
+
const linkedParent = isLinkedSegment(primaryId) ? getParentId(primaryId) : void 0;
|
|
104
|
+
for (const prefix of prefixes) {
|
|
105
|
+
if (prefix === primaryId) {
|
|
106
|
+
this._set(prefix, {
|
|
107
|
+
hasAttention: true
|
|
108
|
+
});
|
|
109
|
+
} else if (prefix === linkedParent) {
|
|
110
|
+
this._set(prefix, {
|
|
111
|
+
isAncestor: true,
|
|
112
|
+
isRelated: true
|
|
113
|
+
});
|
|
114
|
+
} else {
|
|
115
|
+
this._set(prefix, {
|
|
116
|
+
isAncestor: true
|
|
117
|
+
});
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
const segmentId = getSegmentId(primaryId);
|
|
121
|
+
for (const key of this.keys()) {
|
|
122
|
+
if (!prefixSet.has(key) && getSegmentId(key) === segmentId) {
|
|
123
|
+
this._set(key, {
|
|
124
|
+
isRelated: true
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
_set(id, attention) {
|
|
130
|
+
const atom = this._getAtom(id);
|
|
131
|
+
this._registry.set(atom, {
|
|
132
|
+
hasAttention: attention.hasAttention ?? false,
|
|
133
|
+
isAncestor: attention.isAncestor ?? false,
|
|
134
|
+
isRelated: attention.isRelated ?? false
|
|
135
|
+
});
|
|
136
|
+
}
|
|
137
|
+
};
|
|
138
|
+
var getAttendables = (selector, cursor, acc = []) => {
|
|
139
|
+
const closestAttendable = cursor.closest(selector);
|
|
140
|
+
if (closestAttendable) {
|
|
141
|
+
const attendableId = closestAttendable.getAttribute("data-attendable-id");
|
|
142
|
+
if (!attendableId) {
|
|
143
|
+
const trigger = document.querySelector(`[aria-controls="${closestAttendable.getAttribute("id")}"]`);
|
|
144
|
+
if (!trigger) {
|
|
145
|
+
return acc;
|
|
146
|
+
} else {
|
|
147
|
+
return getAttendables(selector, trigger, acc);
|
|
148
|
+
}
|
|
149
|
+
} else {
|
|
150
|
+
acc.push(attendableId);
|
|
151
|
+
return !closestAttendable.parentElement ? acc : getAttendables(selector, closestAttendable.parentElement, acc);
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
return [
|
|
155
|
+
...new Set(acc)
|
|
156
|
+
];
|
|
157
|
+
};
|
|
158
|
+
var LINKED_PREFIX = "~";
|
|
159
|
+
var expandAttendableId = (qualifiedId) => {
|
|
160
|
+
const segments = qualifiedId.split("/");
|
|
161
|
+
return segments.map((_, index) => segments.slice(0, index + 1).join("/"));
|
|
162
|
+
};
|
|
163
|
+
var isLinkedSegment = (qualifiedId) => {
|
|
164
|
+
const lastSegment = qualifiedId.split("/").pop() ?? "";
|
|
165
|
+
return lastSegment.startsWith(LINKED_PREFIX);
|
|
166
|
+
};
|
|
167
|
+
var linkedSegment = (variant) => `${LINKED_PREFIX}${variant}`;
|
|
168
|
+
var getLinkedVariant = (qualifiedId) => {
|
|
169
|
+
const lastSegment = qualifiedId.split("/").pop() ?? "";
|
|
170
|
+
return lastSegment.startsWith(LINKED_PREFIX) ? lastSegment.slice(LINKED_PREFIX.length) : lastSegment;
|
|
171
|
+
};
|
|
172
|
+
var getParentId = (qualifiedId) => {
|
|
173
|
+
if (!qualifiedId) {
|
|
174
|
+
return void 0;
|
|
175
|
+
}
|
|
176
|
+
const lastSlash = qualifiedId.lastIndexOf("/");
|
|
177
|
+
return lastSlash > 0 ? qualifiedId.slice(0, lastSlash) : void 0;
|
|
178
|
+
};
|
|
179
|
+
var getSegmentId = (qualifiedId) => {
|
|
180
|
+
return qualifiedId.split("/").pop() ?? qualifiedId;
|
|
181
|
+
};
|
|
182
|
+
|
|
183
|
+
// src/selection.ts
|
|
184
|
+
import { Atom as Atom2 } from "@effect-atom/atom-react";
|
|
185
|
+
import * as Match from "effect/Match";
|
|
186
|
+
import * as Schema from "effect/Schema";
|
|
187
|
+
import { invariant } from "@dxos/invariant";
|
|
188
|
+
var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-attention/src/selection.ts";
|
|
189
|
+
var SelectionSchema = Schema.Union(Schema.Struct({
|
|
190
|
+
mode: Schema.Literal("single"),
|
|
191
|
+
id: Schema.optional(Schema.String)
|
|
192
|
+
}).pipe(Schema.mutable), Schema.Struct({
|
|
193
|
+
mode: Schema.Literal("multi"),
|
|
194
|
+
ids: Schema.Array(Schema.String).pipe(Schema.mutable)
|
|
195
|
+
}).pipe(Schema.mutable), Schema.Struct({
|
|
196
|
+
mode: Schema.Literal("range"),
|
|
197
|
+
from: Schema.optional(Schema.String),
|
|
198
|
+
to: Schema.optional(Schema.String)
|
|
199
|
+
}).pipe(Schema.mutable), Schema.Struct({
|
|
200
|
+
mode: Schema.Literal("multi-range"),
|
|
201
|
+
ranges: Schema.Array(Schema.Struct({
|
|
202
|
+
from: Schema.String,
|
|
203
|
+
to: Schema.String
|
|
204
|
+
})).pipe(Schema.mutable)
|
|
205
|
+
}).pipe(Schema.mutable)).pipe(Schema.mutable);
|
|
206
|
+
var defaultSelection = Match.type().pipe(Match.withReturnType(), Match.when("single", () => ({
|
|
207
|
+
mode: "single"
|
|
208
|
+
})), Match.when("multi", () => ({
|
|
209
|
+
mode: "multi",
|
|
210
|
+
ids: []
|
|
211
|
+
})), Match.when("range", () => ({
|
|
212
|
+
mode: "range"
|
|
213
|
+
})), Match.when("multi-range", () => ({
|
|
214
|
+
mode: "multi-range",
|
|
215
|
+
ranges: []
|
|
216
|
+
})), Match.exhaustive);
|
|
217
|
+
var getSelectionSet = (selectionManager, contextId) => {
|
|
218
|
+
const ids = new Set(contextId ? [
|
|
219
|
+
contextId
|
|
220
|
+
] : []);
|
|
221
|
+
for (const context of selectionManager.getSelectionContexts()) {
|
|
222
|
+
const selection = selectionManager.getSelection(context);
|
|
223
|
+
if (selection?.mode === "multi") {
|
|
224
|
+
for (const id of selection.ids) {
|
|
225
|
+
ids.add(id);
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
return ids;
|
|
230
|
+
};
|
|
231
|
+
var SelectionManager = class {
|
|
232
|
+
_registry;
|
|
233
|
+
_state;
|
|
234
|
+
constructor(_registry, initial = {}) {
|
|
235
|
+
this._registry = _registry;
|
|
236
|
+
this._state = Atom2.make({
|
|
237
|
+
selections: {
|
|
238
|
+
...initial
|
|
239
|
+
}
|
|
240
|
+
});
|
|
241
|
+
}
|
|
242
|
+
/**
|
|
243
|
+
* Get the state atom for reactive access in the graph system.
|
|
244
|
+
*/
|
|
245
|
+
get state() {
|
|
246
|
+
return this._state;
|
|
247
|
+
}
|
|
248
|
+
/**
|
|
249
|
+
* Gets the current state.
|
|
250
|
+
*/
|
|
251
|
+
getState() {
|
|
252
|
+
return this._registry.get(this._state);
|
|
253
|
+
}
|
|
254
|
+
/**
|
|
255
|
+
* Subscribe to changes in the selection state.
|
|
256
|
+
*/
|
|
257
|
+
subscribe(cb) {
|
|
258
|
+
this._registry.get(this._state);
|
|
259
|
+
return this._registry.subscribe(this._state, () => {
|
|
260
|
+
cb(this._registry.get(this._state));
|
|
261
|
+
});
|
|
262
|
+
}
|
|
263
|
+
getSelectionContexts() {
|
|
264
|
+
return Object.keys(this._registry.get(this._state).selections);
|
|
265
|
+
}
|
|
266
|
+
getSelection(contextId, mode = void 0) {
|
|
267
|
+
const state = this._registry.get(this._state);
|
|
268
|
+
const selection = state.selections[contextId];
|
|
269
|
+
if (!mode || selection) {
|
|
270
|
+
return selection;
|
|
271
|
+
}
|
|
272
|
+
const newSelection = defaultSelection(mode);
|
|
273
|
+
this._registry.update(this._state, (state2) => ({
|
|
274
|
+
selections: {
|
|
275
|
+
...state2.selections,
|
|
276
|
+
[contextId]: newSelection
|
|
277
|
+
}
|
|
278
|
+
}));
|
|
279
|
+
return newSelection;
|
|
280
|
+
}
|
|
281
|
+
getSelected(contextId, mode = "multi") {
|
|
282
|
+
const selection = this.getSelection(contextId, mode);
|
|
283
|
+
invariant(selection?.mode === mode, "Selection mode mismatch", { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 103, S: this, A: ["selection?.mode === mode", "'Selection mode mismatch'"] });
|
|
284
|
+
return Match.type().pipe(Match.when({
|
|
285
|
+
mode: "single"
|
|
286
|
+
}, (s) => s.id), Match.when({
|
|
287
|
+
mode: "multi"
|
|
288
|
+
}, (s) => s.ids), Match.when({
|
|
289
|
+
mode: "range"
|
|
290
|
+
}, (s) => s.from && s.to ? {
|
|
291
|
+
from: s.from,
|
|
292
|
+
to: s.to
|
|
293
|
+
} : void 0), Match.when({
|
|
294
|
+
mode: "multi-range"
|
|
295
|
+
}, (s) => s.ranges), Match.exhaustive)(selection);
|
|
296
|
+
}
|
|
297
|
+
updateSingle(contextId, id) {
|
|
298
|
+
const selection = this.getSelection(contextId, "single");
|
|
299
|
+
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'"] });
|
|
300
|
+
this._registry.update(this._state, (state) => ({
|
|
301
|
+
selections: {
|
|
302
|
+
...state.selections,
|
|
303
|
+
[contextId]: {
|
|
304
|
+
...selection,
|
|
305
|
+
id
|
|
306
|
+
}
|
|
307
|
+
}
|
|
308
|
+
}));
|
|
309
|
+
}
|
|
310
|
+
updateMulti(contextId, ids) {
|
|
311
|
+
const selection = this.getSelection(contextId, "multi");
|
|
312
|
+
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'"] });
|
|
313
|
+
this._registry.update(this._state, (state) => ({
|
|
314
|
+
selections: {
|
|
315
|
+
...state.selections,
|
|
316
|
+
[contextId]: {
|
|
317
|
+
...selection,
|
|
318
|
+
ids: [
|
|
319
|
+
...ids
|
|
320
|
+
]
|
|
321
|
+
}
|
|
322
|
+
}
|
|
323
|
+
}));
|
|
324
|
+
}
|
|
325
|
+
updateRange(contextId, from, to) {
|
|
326
|
+
const selection = this.getSelection(contextId, "range");
|
|
327
|
+
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'"] });
|
|
328
|
+
this._registry.update(this._state, (state) => ({
|
|
329
|
+
selections: {
|
|
330
|
+
...state.selections,
|
|
331
|
+
[contextId]: {
|
|
332
|
+
...selection,
|
|
333
|
+
from,
|
|
334
|
+
to
|
|
335
|
+
}
|
|
336
|
+
}
|
|
337
|
+
}));
|
|
338
|
+
}
|
|
339
|
+
updateMultiRange(contextId, ranges) {
|
|
340
|
+
const selection = this.getSelection(contextId, "multi-range");
|
|
341
|
+
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'"] });
|
|
342
|
+
this._registry.update(this._state, (state) => ({
|
|
343
|
+
selections: {
|
|
344
|
+
...state.selections,
|
|
345
|
+
[contextId]: {
|
|
346
|
+
...selection,
|
|
347
|
+
ranges: [
|
|
348
|
+
...ranges
|
|
349
|
+
]
|
|
350
|
+
}
|
|
351
|
+
}
|
|
352
|
+
}));
|
|
353
|
+
}
|
|
354
|
+
clearSelection(contextId) {
|
|
355
|
+
const selection = this.getSelection(contextId);
|
|
356
|
+
if (!selection) {
|
|
357
|
+
return;
|
|
358
|
+
}
|
|
359
|
+
const clearedSelection = Match.type().pipe(Match.when({
|
|
360
|
+
mode: "single"
|
|
361
|
+
}, (s) => ({
|
|
362
|
+
...s,
|
|
363
|
+
id: void 0
|
|
364
|
+
})), Match.when({
|
|
365
|
+
mode: "multi"
|
|
366
|
+
}, (s) => ({
|
|
367
|
+
...s,
|
|
368
|
+
ids: []
|
|
369
|
+
})), Match.when({
|
|
370
|
+
mode: "range"
|
|
371
|
+
}, (s) => ({
|
|
372
|
+
...s,
|
|
373
|
+
from: void 0,
|
|
374
|
+
to: void 0
|
|
375
|
+
})), Match.when({
|
|
376
|
+
mode: "multi-range"
|
|
377
|
+
}, (s) => ({
|
|
378
|
+
...s,
|
|
379
|
+
ranges: []
|
|
380
|
+
})), Match.exhaustive)(selection);
|
|
381
|
+
this._registry.update(this._state, (state) => ({
|
|
382
|
+
selections: {
|
|
383
|
+
...state.selections,
|
|
384
|
+
[contextId]: clearedSelection
|
|
385
|
+
}
|
|
386
|
+
}));
|
|
387
|
+
}
|
|
388
|
+
toggleSelection(contextId, id) {
|
|
389
|
+
const selection = this.getSelection(contextId, "multi");
|
|
390
|
+
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'"] });
|
|
391
|
+
const newIds = selection.ids.includes(id) ? selection.ids.filter((existingId) => existingId !== id) : [
|
|
392
|
+
...selection.ids,
|
|
393
|
+
id
|
|
394
|
+
];
|
|
395
|
+
this._registry.update(this._state, (state) => ({
|
|
396
|
+
selections: {
|
|
397
|
+
...state.selections,
|
|
398
|
+
[contextId]: {
|
|
399
|
+
...selection,
|
|
400
|
+
ids: newIds
|
|
401
|
+
}
|
|
402
|
+
}
|
|
403
|
+
}));
|
|
404
|
+
}
|
|
405
|
+
};
|
|
406
|
+
|
|
407
|
+
export {
|
|
408
|
+
AttentionManager,
|
|
409
|
+
getAttendables,
|
|
410
|
+
expandAttendableId,
|
|
411
|
+
isLinkedSegment,
|
|
412
|
+
linkedSegment,
|
|
413
|
+
getLinkedVariant,
|
|
414
|
+
getParentId,
|
|
415
|
+
getSegmentId,
|
|
416
|
+
SelectionSchema,
|
|
417
|
+
defaultSelection,
|
|
418
|
+
getSelectionSet,
|
|
419
|
+
SelectionManager
|
|
420
|
+
};
|
|
421
|
+
//# sourceMappingURL=chunk-D2BLVJ6Z.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
|
+
}
|