@dxos/react-ui-attention 0.8.4-main.c85a9c8dae → 0.8.4-main.cb12b3f963
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/lib/browser/{chunk-TAZUDNJI.mjs → chunk-XVH365AW.mjs} +136 -174
- package/dist/lib/browser/chunk-XVH365AW.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +15 -17
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/testing/index.mjs +1 -2
- package/dist/lib/browser/testing/index.mjs.map +2 -2
- package/dist/lib/node-esm/{chunk-FT553KKP.mjs → chunk-W73A7WMN.mjs} +136 -173
- package/dist/lib/node-esm/chunk-W73A7WMN.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +15 -17
- 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 +1 -2
- package/dist/lib/node-esm/testing/index.mjs.map +2 -2
- package/dist/types/src/attention.d.ts +46 -11
- 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} +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/tsconfig.tsbuildinfo +1 -1
- package/package.json +15 -31
- package/src/attention.test.ts +179 -23
- package/src/attention.ts +136 -54
- package/src/components/{AttentionGlyph.tsx → AttentionGlyph/AttentionGlyph.tsx} +1 -1
- 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} +46 -78
- 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/dist/lib/browser/chunk-PAZBZOO2.mjs +0 -7
- package/dist/lib/browser/chunk-PAZBZOO2.mjs.map +0 -7
- package/dist/lib/browser/chunk-TAZUDNJI.mjs.map +0 -7
- package/dist/lib/browser/types.mjs +0 -7
- package/dist/lib/browser/types.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-FT553KKP.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/lib/node-esm/types.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 -39
- 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/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
|
@@ -11,6 +11,7 @@ import React, {
|
|
|
11
11
|
type FocusEvent,
|
|
12
12
|
type PropsWithChildren,
|
|
13
13
|
forwardRef,
|
|
14
|
+
useCallback,
|
|
14
15
|
useContext,
|
|
15
16
|
useEffect,
|
|
16
17
|
useMemo,
|
|
@@ -22,8 +23,7 @@ import { useDefaultValue } from '@dxos/react-hooks';
|
|
|
22
23
|
import { type ThemedClassName } from '@dxos/react-ui';
|
|
23
24
|
import { mx } from '@dxos/ui-theme';
|
|
24
25
|
|
|
25
|
-
import { AttentionManager, getAttendables } from '
|
|
26
|
-
import { ATTENDABLE_PATH_SEPARATOR, type Attention } from '../types';
|
|
26
|
+
import { type Attention, AttentionManager, getAttendables } from '../../attention';
|
|
27
27
|
|
|
28
28
|
const ATTENTION_NAME = 'Attention';
|
|
29
29
|
const ATTENDABLE_ATTRIBUTE = 'data-attendable-id';
|
|
@@ -31,41 +31,34 @@ const ATTENTION_SOURCE_ATTRIBUTE = 'data-w-attention-source';
|
|
|
31
31
|
|
|
32
32
|
type AttentionContextValue = {
|
|
33
33
|
attention: AttentionManager;
|
|
34
|
-
path: string[];
|
|
35
34
|
};
|
|
36
35
|
|
|
37
36
|
const [AttentionContextProvider, useAttentionContext] = createContext<AttentionContextValue>(ATTENTION_NAME, {
|
|
38
37
|
attention: undefined as unknown as AttentionManager,
|
|
39
|
-
path: [],
|
|
40
38
|
});
|
|
41
39
|
|
|
42
40
|
const UNKNOWN_ATTENDABLE = { hasAttention: false, isAncestor: false, isRelated: false } as Attention;
|
|
43
41
|
|
|
42
|
+
/**
|
|
43
|
+
* Subscribe to the attention state for a qualified graph ID.
|
|
44
|
+
*/
|
|
45
|
+
// TODO(burdon): Unify with seleciton and change to contextId?
|
|
44
46
|
const useAttention = (attendableId?: string): Attention => {
|
|
45
|
-
const { attention
|
|
47
|
+
const { attention } = useAttentionContext(ATTENTION_NAME);
|
|
46
48
|
const [state, setState] = useState<Attention>(UNKNOWN_ATTENDABLE);
|
|
47
|
-
|
|
48
|
-
const key = useMemo(() => {
|
|
49
|
-
if (!attendableId) {
|
|
50
|
-
return undefined;
|
|
51
|
-
}
|
|
52
|
-
return [...attendableId.split(ATTENDABLE_PATH_SEPARATOR), ...path];
|
|
53
|
-
}, [attendableId, path]);
|
|
54
|
-
|
|
55
49
|
useEffect(() => {
|
|
56
|
-
if (!
|
|
50
|
+
if (!attendableId || !attention) {
|
|
57
51
|
setState(UNKNOWN_ATTENDABLE);
|
|
58
52
|
return;
|
|
59
53
|
}
|
|
60
54
|
|
|
61
|
-
|
|
62
|
-
setState(
|
|
55
|
+
const currentState = attention.get(attendableId);
|
|
56
|
+
setState(currentState);
|
|
63
57
|
|
|
64
|
-
|
|
65
|
-
return attention.subscribe(key, (newState) => {
|
|
58
|
+
return attention.subscribe(attendableId, (newState) => {
|
|
66
59
|
setState(newState);
|
|
67
60
|
});
|
|
68
|
-
}, [attention,
|
|
61
|
+
}, [attention, attendableId]);
|
|
69
62
|
|
|
70
63
|
return state;
|
|
71
64
|
};
|
|
@@ -73,16 +66,13 @@ const useAttention = (attendableId?: string): Attention => {
|
|
|
73
66
|
const useAttended = () => {
|
|
74
67
|
const { attention } = useAttentionContext(ATTENTION_NAME);
|
|
75
68
|
const [current, setCurrent] = useState<readonly string[]>([]);
|
|
76
|
-
|
|
77
69
|
useEffect(() => {
|
|
78
70
|
if (!attention) {
|
|
79
71
|
return;
|
|
80
72
|
}
|
|
81
73
|
|
|
82
|
-
// Set initial state.
|
|
83
74
|
setCurrent(attention.getCurrent());
|
|
84
75
|
|
|
85
|
-
// Subscribe to changes.
|
|
86
76
|
return attention.subscribeCurrent((newCurrent) => {
|
|
87
77
|
setCurrent(newCurrent);
|
|
88
78
|
});
|
|
@@ -93,7 +83,6 @@ const useAttended = () => {
|
|
|
93
83
|
|
|
94
84
|
/**
|
|
95
85
|
* Computes HTML element attributes to apply so the attention system can detect changes.
|
|
96
|
-
* @param attendableId
|
|
97
86
|
*/
|
|
98
87
|
const useAttentionAttributes = (attendableId?: string) => {
|
|
99
88
|
const { hasAttention } = useAttention(attendableId);
|
|
@@ -107,47 +96,41 @@ const useAttentionAttributes = (attendableId?: string) => {
|
|
|
107
96
|
}, [attendableId, hasAttention]);
|
|
108
97
|
};
|
|
109
98
|
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
}
|
|
99
|
+
type RootAttentionProviderProps = PropsWithChildren<{
|
|
100
|
+
attention?: AttentionManager;
|
|
101
|
+
onChange?: (nextAttended: string[]) => void;
|
|
102
|
+
}>;
|
|
114
103
|
|
|
115
|
-
const RootAttentionProvider = ({
|
|
116
|
-
children,
|
|
117
|
-
attention: propsAttention,
|
|
118
|
-
onChange,
|
|
119
|
-
}: PropsWithChildren<
|
|
120
|
-
Partial<{
|
|
121
|
-
attention: AttentionManager;
|
|
122
|
-
onChange: (nextAttended: string[]) => void;
|
|
123
|
-
}>
|
|
124
|
-
>) => {
|
|
104
|
+
const RootAttentionProvider = ({ children, attention: propsAttention, onChange }: RootAttentionProviderProps) => {
|
|
125
105
|
const registry = useContext(RegistryContext);
|
|
126
106
|
const attention = useDefaultValue(propsAttention, () => new AttentionManager(registry));
|
|
127
107
|
|
|
128
|
-
const handleFocus = (
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
(
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
108
|
+
const handleFocus = useCallback(
|
|
109
|
+
(event: FocusEvent) => {
|
|
110
|
+
// NOTE(thure): Use the following to debug focus movement across the app:
|
|
111
|
+
log('focus', { related: event.relatedTarget, target: event.target });
|
|
112
|
+
|
|
113
|
+
const selector = [
|
|
114
|
+
'[data-attendable-id]',
|
|
115
|
+
...Array.from(document.querySelectorAll('[aria-controls]')).map(
|
|
116
|
+
(el) => `[id="${el.getAttribute('aria-controls')}"]`,
|
|
117
|
+
),
|
|
118
|
+
].join(',');
|
|
119
|
+
const prev = attention.getCurrent();
|
|
120
|
+
const next = getAttendables(selector, event.target);
|
|
121
|
+
// TODO(wittjosiah): Not allowing empty state means that the attended item is not strictly guaranteed to be in the DOM.
|
|
122
|
+
// Currently this depends on the deck in order to ensure that when the attended item is removed something else is attended.
|
|
123
|
+
// Only update state if the result is different and not empty.
|
|
124
|
+
if (next.length > 0 && (prev.length !== next.length || !!prev.find((id, index) => next[index] !== id))) {
|
|
125
|
+
attention.update(next);
|
|
126
|
+
onChange?.(next);
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
[attention, onChange],
|
|
130
|
+
);
|
|
148
131
|
|
|
149
132
|
return (
|
|
150
|
-
<AttentionContextProvider attention={attention}
|
|
133
|
+
<AttentionContextProvider attention={attention}>
|
|
151
134
|
<div role='none' className='contents' onFocusCapture={handleFocus}>
|
|
152
135
|
{children}
|
|
153
136
|
</div>
|
|
@@ -155,25 +138,15 @@ const RootAttentionProvider = ({
|
|
|
155
138
|
);
|
|
156
139
|
};
|
|
157
140
|
|
|
158
|
-
const AttentionProvider = ({ id, children }: PropsWithChildren<{ id: string }>) => {
|
|
159
|
-
const { attention, path } = useAttentionContext(ATTENTION_NAME);
|
|
160
|
-
const nextPath = useMemo(() => [id, ...path], [id, path]);
|
|
161
|
-
|
|
162
|
-
return (
|
|
163
|
-
<AttentionContextProvider attention={attention} path={nextPath}>
|
|
164
|
-
{children}
|
|
165
|
-
</AttentionContextProvider>
|
|
166
|
-
);
|
|
167
|
-
};
|
|
168
|
-
|
|
169
141
|
export type AttendableContainerProps = ThemedClassName<
|
|
170
142
|
ComponentPropsWithRef<'div'> & { id: string; asChild?: boolean }
|
|
171
143
|
>;
|
|
172
144
|
|
|
173
145
|
/**
|
|
174
|
-
* Note that DeckPlugin and StackPlugin both handle attention on their own,
|
|
175
|
-
* is not necessary to also render an `AttendableContainer`.
|
|
176
|
-
*
|
|
146
|
+
* Note that DeckPlugin and StackPlugin both handle attention on their own,
|
|
147
|
+
* and when rendering content in those cases it is not necessary to also render an `AttendableContainer`.
|
|
148
|
+
* This component is primarily for Storybook stories and other testing scenarios,
|
|
149
|
+
* or the rare cases where an attendable entity is rendered outside of either of those plugins.
|
|
177
150
|
*/
|
|
178
151
|
const AttendableContainer = forwardRef<HTMLDivElement, AttendableContainerProps>(
|
|
179
152
|
({ id, classNames, children, asChild, ...props }, forwardedRef) => {
|
|
@@ -182,8 +155,8 @@ const AttendableContainer = forwardRef<HTMLDivElement, AttendableContainerProps>
|
|
|
182
155
|
return (
|
|
183
156
|
<Comp
|
|
184
157
|
role='none'
|
|
185
|
-
{...attentionAttrs}
|
|
186
158
|
{...props}
|
|
159
|
+
{...attentionAttrs}
|
|
187
160
|
className={mx('dx-attention-surface', props.tabIndex === 0 && 'dx-focus-ring-inset-over-all', classNames)}
|
|
188
161
|
ref={forwardedRef}
|
|
189
162
|
>
|
|
@@ -195,14 +168,9 @@ const AttendableContainer = forwardRef<HTMLDivElement, AttendableContainerProps>
|
|
|
195
168
|
|
|
196
169
|
export {
|
|
197
170
|
RootAttentionProvider,
|
|
198
|
-
AttentionProvider,
|
|
199
171
|
AttendableContainer,
|
|
200
172
|
useAttentionContext,
|
|
201
173
|
useAttention,
|
|
202
174
|
useAttended,
|
|
203
175
|
useAttentionAttributes,
|
|
204
|
-
useAttentionPath,
|
|
205
|
-
ATTENTION_NAME,
|
|
206
|
-
ATTENDABLE_ATTRIBUTE,
|
|
207
|
-
ATTENTION_SOURCE_ATTRIBUTE,
|
|
208
176
|
};
|
|
@@ -15,7 +15,7 @@ import {
|
|
|
15
15
|
type SelectionMode,
|
|
16
16
|
type SelectionResult,
|
|
17
17
|
defaultSelection,
|
|
18
|
-
} from '
|
|
18
|
+
} from '../../selection';
|
|
19
19
|
|
|
20
20
|
const SELECTION_NAME = 'Selection';
|
|
21
21
|
|
|
@@ -23,6 +23,11 @@ type SelectionContextValue = {
|
|
|
23
23
|
selection: SelectionManager;
|
|
24
24
|
};
|
|
25
25
|
|
|
26
|
+
// Default value lets consumers like `useSelected` render outside a
|
|
27
|
+
// `SelectionProvider` (e.g. isolated stories) without throwing —
|
|
28
|
+
// `selection` reads as `undefined` and the hook falls back to the
|
|
29
|
+
// per-mode default result. Without this default, Radix `createContext`
|
|
30
|
+
// throws "Selection must be used within Selection" on every consumer.
|
|
26
31
|
const [SelectionContextProvider, useSelectionContext] = createContext<SelectionContextValue>(SELECTION_NAME, {
|
|
27
32
|
selection: undefined as unknown as SelectionManager,
|
|
28
33
|
});
|
|
@@ -30,20 +35,20 @@ const [SelectionContextProvider, useSelectionContext] = createContext<SelectionC
|
|
|
30
35
|
/**
|
|
31
36
|
* Manages selection state across the app for multiple contexts.
|
|
32
37
|
*/
|
|
33
|
-
// TODO(burdon): When is the selection removed?
|
|
34
38
|
export const SelectionProvider = ({
|
|
35
39
|
children,
|
|
36
|
-
selection:
|
|
40
|
+
selection: selectionProp,
|
|
37
41
|
}: PropsWithChildren<{ selection?: SelectionManager }>) => {
|
|
38
42
|
const registry = useContext(RegistryContext);
|
|
39
|
-
const selection = useDefaultValue(
|
|
43
|
+
const selection = useDefaultValue(selectionProp, () => new SelectionManager(registry));
|
|
44
|
+
|
|
40
45
|
return <SelectionContextProvider selection={selection}>{children}</SelectionContextProvider>;
|
|
41
46
|
};
|
|
42
47
|
|
|
43
48
|
/**
|
|
44
49
|
* Get the selection contexts.
|
|
45
50
|
*/
|
|
46
|
-
export const useSelectionManager = () => {
|
|
51
|
+
export const useSelectionManager = (): SelectionManager => {
|
|
47
52
|
const { selection } = useSelectionContext(SELECTION_NAME);
|
|
48
53
|
return selection;
|
|
49
54
|
};
|
|
@@ -101,11 +106,13 @@ export type UseSelectionActions = {
|
|
|
101
106
|
/**
|
|
102
107
|
* Provides functions to manage the selection state for multiple contexts.
|
|
103
108
|
*/
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
const stableContextIds = useMemo(() => contextIds, [JSON.stringify(contextIds)]); // TODO(burdon): Avoid stringify.
|
|
109
|
+
export const useSelectionActions = (contextIds: string[]): UseSelectionActions => {
|
|
110
|
+
const stableContextIds = useMemo(() => contextIds, [JSON.stringify(contextIds)]);
|
|
107
111
|
const { selection } = useSelectionContext(SELECTION_NAME);
|
|
108
112
|
|
|
113
|
+
// No-op when rendered outside a `SelectionProvider` (e.g. an isolated
|
|
114
|
+
// story or a test harness) — `selection` is `undefined` from the
|
|
115
|
+
// context default value. Matches the pre-co-locate behaviour.
|
|
109
116
|
const singleSelect = useCallback(
|
|
110
117
|
(id: string) => {
|
|
111
118
|
if (!selection) {
|
package/src/index.ts
CHANGED
package/src/selection.ts
CHANGED
|
@@ -8,15 +8,17 @@ import * as Schema from 'effect/Schema';
|
|
|
8
8
|
|
|
9
9
|
import { invariant } from '@dxos/invariant';
|
|
10
10
|
|
|
11
|
-
// TODO(burdon): Reconcile with @dxos/graph.
|
|
12
|
-
|
|
13
11
|
export type SelectionMode = 'single' | 'multi' | 'range' | 'multi-range';
|
|
14
12
|
|
|
15
13
|
export const SelectionSchema = Schema.Union(
|
|
16
|
-
Schema.Struct({
|
|
17
|
-
|
|
18
|
-
Schema.
|
|
19
|
-
),
|
|
14
|
+
Schema.Struct({
|
|
15
|
+
mode: Schema.Literal('single'),
|
|
16
|
+
id: Schema.optional(Schema.String),
|
|
17
|
+
}).pipe(Schema.mutable),
|
|
18
|
+
Schema.Struct({
|
|
19
|
+
mode: Schema.Literal('multi'),
|
|
20
|
+
ids: Schema.Array(Schema.String).pipe(Schema.mutable),
|
|
21
|
+
}).pipe(Schema.mutable),
|
|
20
22
|
Schema.Struct({
|
|
21
23
|
mode: Schema.Literal('range'),
|
|
22
24
|
from: Schema.optional(Schema.String),
|
|
@@ -49,7 +51,6 @@ export type SelectionResult<T extends SelectionMode> = T extends 'single'
|
|
|
49
51
|
? { from: string; to: string }[]
|
|
50
52
|
: never;
|
|
51
53
|
|
|
52
|
-
// TODO(burdon): Refactor.
|
|
53
54
|
export const getSelectionSet = (selectionManager: SelectionManager, contextId?: string) => {
|
|
54
55
|
const ids = new Set<string>(contextId ? [contextId] : []);
|
|
55
56
|
for (const context of selectionManager.getSelectionContexts()) {
|
|
@@ -125,13 +126,14 @@ export class SelectionManager {
|
|
|
125
126
|
this._registry.update(this._state, (state) => ({
|
|
126
127
|
selections: { ...state.selections, [contextId]: newSelection },
|
|
127
128
|
}));
|
|
129
|
+
|
|
128
130
|
return newSelection;
|
|
129
131
|
}
|
|
130
132
|
|
|
131
|
-
// TODO(burdon): Disambiguate with getSelection?
|
|
132
133
|
getSelected<T extends SelectionMode>(contextId: string, mode: T = 'multi' as T): SelectionResult<T> {
|
|
133
134
|
const selection = this.getSelection(contextId, mode);
|
|
134
135
|
invariant(selection?.mode === mode, 'Selection mode mismatch');
|
|
136
|
+
|
|
135
137
|
// Cast required because TypeScript can't infer the relationship between T and the matched result.
|
|
136
138
|
return Match.type<Selection>().pipe(
|
|
137
139
|
Match.when({ mode: 'single' }, (s) => s.id),
|
|
@@ -20,6 +20,7 @@ export const withAttention = (initialAttendedId?: string): Decorator => {
|
|
|
20
20
|
() => (initialAttendedId ? new AttentionManager(registry, [initialAttendedId]) : undefined),
|
|
21
21
|
[registry],
|
|
22
22
|
);
|
|
23
|
+
|
|
23
24
|
return createElement(
|
|
24
25
|
RegistryContext.Provider,
|
|
25
26
|
{ value: registry },
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/types.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\n// NOTE: Chosen from RFC 1738's `safe` characters: http://www.faqs.org/rfcs/rfc1738.html\nexport const ATTENDABLE_PATH_SEPARATOR = '~';\n\nexport type Attention = {\n hasAttention: boolean;\n isAncestor: boolean;\n isRelated: boolean;\n};\n\nexport type CurrentState = {\n current: string[];\n};\n"],
|
|
5
|
-
"mappings": ";AAKO,IAAMA,4BAA4B;",
|
|
6
|
-
"names": ["ATTENDABLE_PATH_SEPARATOR"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/attention.ts", "../../../src/components/AttentionProvider.tsx", "../../../src/selection.ts", "../../../src/components/SelectionProvider.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Atom, type Registry } from '@effect-atom/atom-react';\n\nimport { ComplexMap } from '@dxos/util';\n\nimport { ATTENDABLE_PATH_SEPARATOR, type Attention } from './types';\n\n// TODO(wittjosiah): Use mosaic path utility?\nconst stringKey = (key: string[]) => key.join(',');\n\n/**\n * Manages attention state for an application.\n */\nexport class AttentionManager {\n // Each attention path is associated with an attention atom.\n // The lookup is not a reactive object to ensure that attention for each path is subscribable independently.\n private readonly _map = new ComplexMap<string[], Atom.Writable<Attention>>(stringKey);\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[]>([]);\n if (initial.length > 0) {\n this.update(initial);\n }\n }\n\n /**\n * Atom for the currently attended element path.\n */\n get current(): Atom.Atom<string[]> {\n return this._currentAtom;\n }\n\n /**\n * Gets the currently attended element path.\n */\n getCurrent(): readonly string[] {\n return this._registry.get(this._currentAtom);\n }\n\n /**\n * Subscribe to changes in the current attention path.\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 attention paths.\n */\n keys(): string[][] {\n return Array.from(this._map.keys());\n }\n\n /**\n * Get the attention state for a given path.\n */\n get(key: string[]): Attention {\n const atom = this._getAtom(key);\n return this._registry.get(atom);\n }\n\n /**\n * Subscribe to changes in the attention state for a given path.\n */\n subscribe(key: string[], cb: (attention: Attention) => void): () => void {\n const atom = this._getAtom(key);\n this._registry.get(atom);\n return this._registry.subscribe(atom, () => {\n cb(this._registry.get(atom));\n });\n }\n\n private _getAtom(key: string[]): Atom.Writable<Attention> {\n const existing = this._map.get(key);\n if (existing) {\n return existing;\n }\n\n const newAtom = Atom.make<Attention>({ hasAttention: false, isAncestor: false, isRelated: false });\n this._map.set(key, newAtom);\n return newAtom;\n }\n\n /**\n * Update the currently attended element.\n *\n * @internal\n */\n update(nextKey: string[]): void {\n const currentKey = this.getCurrent();\n const currentRelatedTo = currentKey[0];\n const nextRelatedTo = nextKey[0];\n\n // Ensure related attention object is initialized.\n this._getAtom([nextRelatedTo]);\n\n const currentRelatedKeys = this.keys().filter((key) => key[0] === currentRelatedTo);\n const nextRelatedKeys = this.keys().filter(\n (key) => key[0] === nextRelatedTo && stringKey(key) !== stringKey(nextKey),\n );\n const prevRelatedKeys = currentRelatedKeys.filter(\n (curr) => !nextRelatedKeys.find((next) => stringKey(curr) === stringKey(next)),\n );\n\n const currentAncestorKeys = currentKey.slice(1).map((_, i) => currentKey.slice(i + 1, currentKey.length));\n const nextAncestorKeys = nextKey.slice(1).map((_, i) => nextKey.slice(i + 1, nextKey.length));\n const prevAncestorKeys = currentAncestorKeys.filter(\n (curr) => !nextAncestorKeys.find((next) => stringKey(curr) === stringKey(next)),\n );\n\n this._registry.set(this._currentAtom, nextKey);\n prevRelatedKeys.forEach((key) => this._set(key, {}));\n prevAncestorKeys.forEach((key) => this._set(key, {}));\n nextRelatedKeys.forEach((key) => this._set(key, { isRelated: true }));\n nextAncestorKeys.forEach((key) => this._set(key, { isAncestor: true }));\n this._set(nextKey, { hasAttention: true });\n }\n\n private _set(key: string[], attention: Partial<Attention>): void {\n const atom = this._getAtom(key);\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 id's between the element provided and the root, inclusive.\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.split(ATTENDABLE_PATH_SEPARATOR));\n // TODO: Attempt tail recursion.\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// Copyright 2024 DXOS.org\n//\n\nimport { RegistryContext } from '@effect-atom/atom-react';\nimport { createContext } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, {\n type ComponentPropsWithRef,\n type FocusEvent,\n type PropsWithChildren,\n forwardRef,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from 'react';\n\nimport { log } from '@dxos/log';\nimport { useDefaultValue } from '@dxos/react-hooks';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { AttentionManager, getAttendables } from '../attention';\nimport { ATTENDABLE_PATH_SEPARATOR, type Attention } from '../types';\n\nconst ATTENTION_NAME = 'Attention';\nconst ATTENDABLE_ATTRIBUTE = 'data-attendable-id';\nconst ATTENTION_SOURCE_ATTRIBUTE = 'data-w-attention-source';\n\ntype AttentionContextValue = {\n attention: AttentionManager;\n path: string[];\n};\n\nconst [AttentionContextProvider, useAttentionContext] = createContext<AttentionContextValue>(ATTENTION_NAME, {\n attention: undefined as unknown as AttentionManager,\n path: [],\n});\n\nconst UNKNOWN_ATTENDABLE = { hasAttention: false, isAncestor: false, isRelated: false } as Attention;\n\nconst useAttention = (attendableId?: string): Attention => {\n const { attention, path } = useAttentionContext(ATTENTION_NAME);\n const [state, setState] = useState<Attention>(UNKNOWN_ATTENDABLE);\n\n const key = useMemo(() => {\n if (!attendableId) {\n return undefined;\n }\n return [...attendableId.split(ATTENDABLE_PATH_SEPARATOR), ...path];\n }, [attendableId, path]);\n\n useEffect(() => {\n if (!key || !attention) {\n setState(UNKNOWN_ATTENDABLE);\n return;\n }\n\n // Set initial state.\n setState(attention.get(key));\n\n // Subscribe to changes.\n return attention.subscribe(key, (newState) => {\n setState(newState);\n });\n }, [attention, key]);\n\n return state;\n};\n\nconst useAttended = () => {\n const { attention } = useAttentionContext(ATTENTION_NAME);\n const [current, setCurrent] = useState<readonly string[]>([]);\n\n useEffect(() => {\n if (!attention) {\n return;\n }\n\n // Set initial state.\n setCurrent(attention.getCurrent());\n\n // Subscribe to changes.\n return attention.subscribeCurrent((newCurrent) => {\n setCurrent(newCurrent);\n });\n }, [attention]);\n\n return current;\n};\n\n/**\n * Computes HTML element attributes to apply so the attention system can detect changes.\n * @param attendableId\n */\nconst useAttentionAttributes = (attendableId?: string) => {\n const { hasAttention } = useAttention(attendableId);\n return useMemo(() => {\n const attributes: Record<string, string | undefined> = { [ATTENDABLE_ATTRIBUTE]: attendableId };\n if (hasAttention) {\n attributes[ATTENTION_SOURCE_ATTRIBUTE] = 'true';\n }\n\n return attributes;\n }, [attendableId, hasAttention]);\n};\n\nconst useAttentionPath = () => {\n const { path } = useAttentionContext(ATTENTION_NAME);\n return path;\n};\n\nconst RootAttentionProvider = ({\n children,\n attention: propsAttention,\n onChange,\n}: PropsWithChildren<\n Partial<{\n attention: AttentionManager;\n onChange: (nextAttended: string[]) => void;\n }>\n>) => {\n const registry = useContext(RegistryContext);\n const attention = useDefaultValue(propsAttention, () => new AttentionManager(registry));\n\n const handleFocus = (event: FocusEvent) => {\n // NOTE(thure): Use the following to debug focus movement across the app:\n log('focus', { related: event.relatedTarget, target: event.target });\n\n const selector = [\n '[data-attendable-id]',\n ...Array.from(document.querySelectorAll('[aria-controls]')).map(\n (el) => `[id=\"${el.getAttribute('aria-controls')}\"]`,\n ),\n ].join(',');\n const prev = attention.getCurrent();\n const next = getAttendables(selector, event.target);\n // TODO(wittjosiah): Not allowing empty state means that the attended item is not strictly guaranteed to be in the DOM.\n // Currently this depends on the deck in order to ensure that when the attended item is removed something else is attended.\n // Only update state if the result is different and not empty.\n if (next.length > 0 && (prev.length !== next.length || !!prev.find((id, index) => next[index] !== id))) {\n attention.update(next);\n onChange?.(next);\n }\n };\n\n return (\n <AttentionContextProvider attention={attention} path={[]}>\n <div role='none' className='contents' onFocusCapture={handleFocus}>\n {children}\n </div>\n </AttentionContextProvider>\n );\n};\n\nconst AttentionProvider = ({ id, children }: PropsWithChildren<{ id: string }>) => {\n const { attention, path } = useAttentionContext(ATTENTION_NAME);\n const nextPath = useMemo(() => [id, ...path], [id, path]);\n\n return (\n <AttentionContextProvider attention={attention} path={nextPath}>\n {children}\n </AttentionContextProvider>\n );\n};\n\nexport type AttendableContainerProps = ThemedClassName<\n ComponentPropsWithRef<'div'> & { id: string; asChild?: boolean }\n>;\n\n/**\n * Note that DeckPlugin and StackPlugin both handle attention on their own, and when rendering content in those cases it\n * is not necessary to also render an `AttendableContainer`. This component is primarily for Storybook stories and other\n * testing scenarios, or the rare cases where an attendable entity is rendered outside of either of those plugins.\n */\nconst AttendableContainer = forwardRef<HTMLDivElement, AttendableContainerProps>(\n ({ id, classNames, children, asChild, ...props }, forwardedRef) => {\n const attentionAttrs = useAttentionAttributes(id);\n const Comp = asChild ? Slot : Primitive.div;\n return (\n <Comp\n role='none'\n {...attentionAttrs}\n {...props}\n className={mx('dx-attention-surface', props.tabIndex === 0 && 'dx-focus-ring-inset-over-all', classNames)}\n ref={forwardedRef}\n >\n {children}\n </Comp>\n );\n },\n);\n\nexport {\n RootAttentionProvider,\n AttentionProvider,\n AttendableContainer,\n useAttentionContext,\n useAttention,\n useAttended,\n useAttentionAttributes,\n useAttentionPath,\n ATTENTION_NAME,\n ATTENDABLE_ATTRIBUTE,\n ATTENTION_SOURCE_ATTRIBUTE,\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\n// TODO(burdon): Reconcile with @dxos/graph.\n\nexport type SelectionMode = 'single' | 'multi' | 'range' | 'multi-range';\n\nexport const SelectionSchema = Schema.Union(\n Schema.Struct({ mode: Schema.Literal('single'), id: Schema.optional(Schema.String) }).pipe(Schema.mutable),\n Schema.Struct({ mode: Schema.Literal('multi'), ids: Schema.Array(Schema.String).pipe(Schema.mutable) }).pipe(\n Schema.mutable,\n ),\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\n// TODO(burdon): Refactor.\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 return newSelection;\n }\n\n // TODO(burdon): Disambiguate with getSelection?\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 // 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", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { RegistryContext } from '@effect-atom/atom-react';\nimport { createContext } from '@radix-ui/react-context';\nimport * as Match from 'effect/Match';\nimport React, { type PropsWithChildren, useCallback, useContext, useEffect, useMemo, useState } from 'react';\n\nimport { useDefaultValue } from '@dxos/react-hooks';\n\nimport {\n type Selection,\n SelectionManager,\n type SelectionMode,\n type SelectionResult,\n defaultSelection,\n} from '../selection';\n\nconst SELECTION_NAME = 'Selection';\n\ntype SelectionContextValue = {\n selection: SelectionManager;\n};\n\nconst [SelectionContextProvider, useSelectionContext] = createContext<SelectionContextValue>(SELECTION_NAME, {\n selection: undefined as unknown as SelectionManager,\n});\n\n/**\n * Manages selection state across the app for multiple contexts.\n */\n// TODO(burdon): When is the selection removed?\nexport const SelectionProvider = ({\n children,\n selection: propsSelection,\n}: PropsWithChildren<{ selection?: SelectionManager }>) => {\n const registry = useContext(RegistryContext);\n const selection = useDefaultValue(propsSelection, () => new SelectionManager(registry));\n return <SelectionContextProvider selection={selection}>{children}</SelectionContextProvider>;\n};\n\n/**\n * Get the selection contexts.\n */\nexport const useSelectionManager = () => {\n const { selection } = useSelectionContext(SELECTION_NAME);\n return selection;\n};\n\nconst getDefaultResult = <T extends SelectionMode>(mode: T): SelectionResult<T> => {\n return Match.type<Selection>().pipe(\n Match.when({ mode: 'single' }, (selection) => selection.id),\n Match.when({ mode: 'multi' }, (selection) => selection.ids),\n Match.when({ mode: 'range' }, (selection) =>\n selection.from && selection.to ? { from: selection.from, to: selection.to } : undefined,\n ),\n Match.when({ mode: 'multi-range' }, (selection) => selection.ranges),\n Match.exhaustive,\n )(defaultSelection(mode)) as SelectionResult<T>;\n};\n\n/**\n * Get the selected objects for a given context.\n */\nexport const useSelected = <T extends SelectionMode>(\n contextId?: string,\n mode: T = 'multi' as T,\n): SelectionResult<T> => {\n const { selection } = useSelectionContext(SELECTION_NAME);\n const [state, setState] = useState<SelectionResult<T>>(() =>\n contextId && selection ? selection.getSelected(contextId, mode) : getDefaultResult(mode),\n );\n\n useEffect(() => {\n if (!contextId || !selection) {\n setState(getDefaultResult(mode));\n return;\n }\n\n // Set initial state.\n setState(selection.getSelected(contextId, mode));\n\n // Subscribe to changes.\n return selection.subscribe(() => {\n setState(selection.getSelected(contextId, mode));\n });\n }, [selection, contextId, mode]);\n\n return state;\n};\n\nexport type UseSelectionActions = {\n singleSelect: (id: string) => void;\n multiSelect: (ids: string[]) => void;\n rangeSelect: (from: string, to: string) => void;\n toggle: (id: string) => void;\n clear: () => void;\n};\n\n/**\n * Provides functions to manage the selection state for multiple contexts.\n */\n// TODO(burdon): Mode not used.\nexport const useSelectionActions = (contextIds: string[], mode: SelectionMode = 'multi'): UseSelectionActions => {\n const stableContextIds = useMemo(() => contextIds, [JSON.stringify(contextIds)]); // TODO(burdon): Avoid stringify.\n const { selection } = useSelectionContext(SELECTION_NAME);\n\n const singleSelect = useCallback(\n (id: string) => {\n if (!selection) {\n return;\n }\n for (const contextId of stableContextIds) {\n selection.updateSingle(contextId, id);\n }\n },\n [selection, stableContextIds],\n );\n\n const multiSelect = useCallback(\n (ids: string[]) => {\n if (!selection) {\n return;\n }\n for (const contextId of stableContextIds) {\n selection.updateMulti(contextId, ids);\n }\n },\n [selection, stableContextIds],\n );\n\n const rangeSelect = useCallback(\n (from: string, to: string) => {\n if (!selection) {\n return;\n }\n for (const contextId of stableContextIds) {\n selection.updateRange(contextId, from, to);\n }\n },\n [selection, stableContextIds],\n );\n\n const toggle = useCallback(\n (id: string) => {\n if (!selection) {\n return;\n }\n for (const contextId of stableContextIds) {\n selection.toggleSelection(contextId, id);\n }\n },\n [selection, stableContextIds],\n );\n\n const clear = useCallback(() => {\n if (!selection) {\n return;\n }\n for (const contextId of stableContextIds) {\n selection.clearSelection(contextId);\n }\n }, [selection, stableContextIds]);\n\n return { singleSelect, multiSelect, rangeSelect, toggle, clear };\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["Atom", "ComplexMap", "stringKey", "key", "join", "AttentionManager", "_map", "ComplexMap", "_currentAtom", "_registry", "initial", "Atom", "make", "length", "update", "current", "getCurrent", "get", "subscribeCurrent", "cb", "subscribe", "keys", "Array", "from", "atom", "_getAtom", "existing", "newAtom", "hasAttention", "isAncestor", "isRelated", "set", "nextKey", "currentKey", "currentRelatedTo", "nextRelatedTo", "currentRelatedKeys", "filter", "nextRelatedKeys", "prevRelatedKeys", "curr", "find", "next", "currentAncestorKeys", "slice", "map", "_", "i", "nextAncestorKeys", "prevAncestorKeys", "forEach", "_set", "attention", "getAttendables", "selector", "cursor", "acc", "closestAttendable", "closest", "attendableId", "getAttribute", "trigger", "document", "querySelector", "push", "split", "ATTENDABLE_PATH_SEPARATOR", "parentElement", "Set", "RegistryContext", "createContext", "Primitive", "Slot", "React", "forwardRef", "useContext", "useEffect", "useMemo", "useState", "log", "useDefaultValue", "mx", "ATTENTION_NAME", "ATTENDABLE_ATTRIBUTE", "ATTENTION_SOURCE_ATTRIBUTE", "AttentionContextProvider", "useAttentionContext", "createContext", "attention", "undefined", "path", "UNKNOWN_ATTENDABLE", "hasAttention", "isAncestor", "isRelated", "useAttention", "attendableId", "state", "setState", "useState", "key", "useMemo", "split", "ATTENDABLE_PATH_SEPARATOR", "useEffect", "get", "subscribe", "newState", "useAttended", "current", "setCurrent", "getCurrent", "subscribeCurrent", "newCurrent", "useAttentionAttributes", "attributes", "useAttentionPath", "RootAttentionProvider", "children", "propsAttention", "onChange", "registry", "useContext", "RegistryContext", "useDefaultValue", "AttentionManager", "handleFocus", "event", "log", "related", "relatedTarget", "target", "selector", "Array", "from", "document", "querySelectorAll", "map", "el", "getAttribute", "join", "prev", "next", "getAttendables", "length", "find", "id", "index", "update", "div", "role", "className", "onFocusCapture", "AttentionProvider", "nextPath", "AttendableContainer", "forwardRef", "classNames", "asChild", "props", "forwardedRef", "attentionAttrs", "Comp", "Slot", "Primitive", "mx", "tabIndex", "ref", "Atom", "Match", "Schema", "invariant", "SelectionSchema", "Union", "Struct", "mode", "Literal", "id", "optional", "String", "pipe", "mutable", "ids", "Array", "from", "to", "ranges", "defaultSelection", "type", "withReturnType", "when", "exhaustive", "getSelectionSet", "selectionManager", "contextId", "Set", "context", "getSelectionContexts", "selection", "getSelection", "add", "SelectionManager", "_state", "_registry", "initial", "make", "selections", "state", "getState", "get", "subscribe", "cb", "Object", "keys", "undefined", "newSelection", "update", "getSelected", "s", "updateSingle", "updateMulti", "updateRange", "updateMultiRange", "clearSelection", "clearedSelection", "toggleSelection", "newIds", "includes", "filter", "existingId", "RegistryContext", "createContext", "Match", "React", "useCallback", "useContext", "useEffect", "useMemo", "useState", "useDefaultValue", "SELECTION_NAME", "SelectionContextProvider", "useSelectionContext", "createContext", "selection", "undefined", "SelectionProvider", "children", "propsSelection", "registry", "useContext", "RegistryContext", "useDefaultValue", "SelectionManager", "React", "useSelectionManager", "getDefaultResult", "mode", "type", "pipe", "when", "id", "ids", "from", "to", "ranges", "exhaustive", "defaultSelection", "useSelected", "contextId", "state", "setState", "useState", "getSelected", "useEffect", "subscribe", "useSelectionActions", "contextIds", "stableContextIds", "useMemo", "JSON", "stringify", "singleSelect", "useCallback", "updateSingle", "multiSelect", "updateMulti", "rangeSelect", "updateRange", "toggle", "toggleSelection", "clear", "clearSelection"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/attention.ts", "../../../src/components/AttentionProvider.tsx", "../../../src/selection.ts", "../../../src/components/SelectionProvider.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Atom, type Registry } from '@effect-atom/atom-react';\n\nimport { ComplexMap } from '@dxos/util';\n\nimport { ATTENDABLE_PATH_SEPARATOR, type Attention } from './types';\n\n// TODO(wittjosiah): Use mosaic path utility?\nconst stringKey = (key: string[]) => key.join(',');\n\n/**\n * Manages attention state for an application.\n */\nexport class AttentionManager {\n // Each attention path is associated with an attention atom.\n // The lookup is not a reactive object to ensure that attention for each path is subscribable independently.\n private readonly _map = new ComplexMap<string[], Atom.Writable<Attention>>(stringKey);\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[]>([]);\n if (initial.length > 0) {\n this.update(initial);\n }\n }\n\n /**\n * Atom for the currently attended element path.\n */\n get current(): Atom.Atom<string[]> {\n return this._currentAtom;\n }\n\n /**\n * Gets the currently attended element path.\n */\n getCurrent(): readonly string[] {\n return this._registry.get(this._currentAtom);\n }\n\n /**\n * Subscribe to changes in the current attention path.\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 attention paths.\n */\n keys(): string[][] {\n return Array.from(this._map.keys());\n }\n\n /**\n * Get the attention state for a given path.\n */\n get(key: string[]): Attention {\n const atom = this._getAtom(key);\n return this._registry.get(atom);\n }\n\n /**\n * Subscribe to changes in the attention state for a given path.\n */\n subscribe(key: string[], cb: (attention: Attention) => void): () => void {\n const atom = this._getAtom(key);\n this._registry.get(atom);\n return this._registry.subscribe(atom, () => {\n cb(this._registry.get(atom));\n });\n }\n\n private _getAtom(key: string[]): Atom.Writable<Attention> {\n const existing = this._map.get(key);\n if (existing) {\n return existing;\n }\n\n const newAtom = Atom.make<Attention>({ hasAttention: false, isAncestor: false, isRelated: false });\n this._map.set(key, newAtom);\n return newAtom;\n }\n\n /**\n * Update the currently attended element.\n *\n * @internal\n */\n update(nextKey: string[]): void {\n const currentKey = this.getCurrent();\n const currentRelatedTo = currentKey[0];\n const nextRelatedTo = nextKey[0];\n\n // Ensure related attention object is initialized.\n this._getAtom([nextRelatedTo]);\n\n const currentRelatedKeys = this.keys().filter((key) => key[0] === currentRelatedTo);\n const nextRelatedKeys = this.keys().filter(\n (key) => key[0] === nextRelatedTo && stringKey(key) !== stringKey(nextKey),\n );\n const prevRelatedKeys = currentRelatedKeys.filter(\n (curr) => !nextRelatedKeys.find((next) => stringKey(curr) === stringKey(next)),\n );\n\n const currentAncestorKeys = currentKey.slice(1).map((_, i) => currentKey.slice(i + 1, currentKey.length));\n const nextAncestorKeys = nextKey.slice(1).map((_, i) => nextKey.slice(i + 1, nextKey.length));\n const prevAncestorKeys = currentAncestorKeys.filter(\n (curr) => !nextAncestorKeys.find((next) => stringKey(curr) === stringKey(next)),\n );\n\n this._registry.set(this._currentAtom, nextKey);\n prevRelatedKeys.forEach((key) => this._set(key, {}));\n prevAncestorKeys.forEach((key) => this._set(key, {}));\n nextRelatedKeys.forEach((key) => this._set(key, { isRelated: true }));\n nextAncestorKeys.forEach((key) => this._set(key, { isAncestor: true }));\n this._set(nextKey, { hasAttention: true });\n }\n\n private _set(key: string[], attention: Partial<Attention>): void {\n const atom = this._getAtom(key);\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 id's between the element provided and the root, inclusive.\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.split(ATTENDABLE_PATH_SEPARATOR));\n // TODO: Attempt tail recursion.\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// Copyright 2024 DXOS.org\n//\n\nimport { RegistryContext } from '@effect-atom/atom-react';\nimport { createContext } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, {\n type ComponentPropsWithRef,\n type FocusEvent,\n type PropsWithChildren,\n forwardRef,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from 'react';\n\nimport { log } from '@dxos/log';\nimport { useDefaultValue } from '@dxos/react-hooks';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { AttentionManager, getAttendables } from '../attention';\nimport { ATTENDABLE_PATH_SEPARATOR, type Attention } from '../types';\n\nconst ATTENTION_NAME = 'Attention';\nconst ATTENDABLE_ATTRIBUTE = 'data-attendable-id';\nconst ATTENTION_SOURCE_ATTRIBUTE = 'data-w-attention-source';\n\ntype AttentionContextValue = {\n attention: AttentionManager;\n path: string[];\n};\n\nconst [AttentionContextProvider, useAttentionContext] = createContext<AttentionContextValue>(ATTENTION_NAME, {\n attention: undefined as unknown as AttentionManager,\n path: [],\n});\n\nconst UNKNOWN_ATTENDABLE = { hasAttention: false, isAncestor: false, isRelated: false } as Attention;\n\nconst useAttention = (attendableId?: string): Attention => {\n const { attention, path } = useAttentionContext(ATTENTION_NAME);\n const [state, setState] = useState<Attention>(UNKNOWN_ATTENDABLE);\n\n const key = useMemo(() => {\n if (!attendableId) {\n return undefined;\n }\n return [...attendableId.split(ATTENDABLE_PATH_SEPARATOR), ...path];\n }, [attendableId, path]);\n\n useEffect(() => {\n if (!key || !attention) {\n setState(UNKNOWN_ATTENDABLE);\n return;\n }\n\n // Set initial state.\n setState(attention.get(key));\n\n // Subscribe to changes.\n return attention.subscribe(key, (newState) => {\n setState(newState);\n });\n }, [attention, key]);\n\n return state;\n};\n\nconst useAttended = () => {\n const { attention } = useAttentionContext(ATTENTION_NAME);\n const [current, setCurrent] = useState<readonly string[]>([]);\n\n useEffect(() => {\n if (!attention) {\n return;\n }\n\n // Set initial state.\n setCurrent(attention.getCurrent());\n\n // Subscribe to changes.\n return attention.subscribeCurrent((newCurrent) => {\n setCurrent(newCurrent);\n });\n }, [attention]);\n\n return current;\n};\n\n/**\n * Computes HTML element attributes to apply so the attention system can detect changes.\n * @param attendableId\n */\nconst useAttentionAttributes = (attendableId?: string) => {\n const { hasAttention } = useAttention(attendableId);\n return useMemo(() => {\n const attributes: Record<string, string | undefined> = { [ATTENDABLE_ATTRIBUTE]: attendableId };\n if (hasAttention) {\n attributes[ATTENTION_SOURCE_ATTRIBUTE] = 'true';\n }\n\n return attributes;\n }, [attendableId, hasAttention]);\n};\n\nconst useAttentionPath = () => {\n const { path } = useAttentionContext(ATTENTION_NAME);\n return path;\n};\n\nconst RootAttentionProvider = ({\n children,\n attention: propsAttention,\n onChange,\n}: PropsWithChildren<\n Partial<{\n attention: AttentionManager;\n onChange: (nextAttended: string[]) => void;\n }>\n>) => {\n const registry = useContext(RegistryContext);\n const attention = useDefaultValue(propsAttention, () => new AttentionManager(registry));\n\n const handleFocus = (event: FocusEvent) => {\n // NOTE(thure): Use the following to debug focus movement across the app:\n log('focus', { related: event.relatedTarget, target: event.target });\n\n const selector = [\n '[data-attendable-id]',\n ...Array.from(document.querySelectorAll('[aria-controls]')).map(\n (el) => `[id=\"${el.getAttribute('aria-controls')}\"]`,\n ),\n ].join(',');\n const prev = attention.getCurrent();\n const next = getAttendables(selector, event.target);\n // TODO(wittjosiah): Not allowing empty state means that the attended item is not strictly guaranteed to be in the DOM.\n // Currently this depends on the deck in order to ensure that when the attended item is removed something else is attended.\n // Only update state if the result is different and not empty.\n if (next.length > 0 && (prev.length !== next.length || !!prev.find((id, index) => next[index] !== id))) {\n attention.update(next);\n onChange?.(next);\n }\n };\n\n return (\n <AttentionContextProvider attention={attention} path={[]}>\n <div role='none' className='contents' onFocusCapture={handleFocus}>\n {children}\n </div>\n </AttentionContextProvider>\n );\n};\n\nconst AttentionProvider = ({ id, children }: PropsWithChildren<{ id: string }>) => {\n const { attention, path } = useAttentionContext(ATTENTION_NAME);\n const nextPath = useMemo(() => [id, ...path], [id, path]);\n\n return (\n <AttentionContextProvider attention={attention} path={nextPath}>\n {children}\n </AttentionContextProvider>\n );\n};\n\nexport type AttendableContainerProps = ThemedClassName<\n ComponentPropsWithRef<'div'> & { id: string; asChild?: boolean }\n>;\n\n/**\n * Note that DeckPlugin and StackPlugin both handle attention on their own, and when rendering content in those cases it\n * is not necessary to also render an `AttendableContainer`. This component is primarily for Storybook stories and other\n * testing scenarios, or the rare cases where an attendable entity is rendered outside of either of those plugins.\n */\nconst AttendableContainer = forwardRef<HTMLDivElement, AttendableContainerProps>(\n ({ id, classNames, children, asChild, ...props }, forwardedRef) => {\n const attentionAttrs = useAttentionAttributes(id);\n const Comp = asChild ? Slot : Primitive.div;\n return (\n <Comp\n role='none'\n {...attentionAttrs}\n {...props}\n className={mx('dx-attention-surface', props.tabIndex === 0 && 'dx-focus-ring-inset-over-all', classNames)}\n ref={forwardedRef}\n >\n {children}\n </Comp>\n );\n },\n);\n\nexport {\n RootAttentionProvider,\n AttentionProvider,\n AttendableContainer,\n useAttentionContext,\n useAttention,\n useAttended,\n useAttentionAttributes,\n useAttentionPath,\n ATTENTION_NAME,\n ATTENDABLE_ATTRIBUTE,\n ATTENTION_SOURCE_ATTRIBUTE,\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\n// TODO(burdon): Reconcile with @dxos/graph.\n\nexport type SelectionMode = 'single' | 'multi' | 'range' | 'multi-range';\n\nexport const SelectionSchema = Schema.Union(\n Schema.Struct({ mode: Schema.Literal('single'), id: Schema.optional(Schema.String) }).pipe(Schema.mutable),\n Schema.Struct({ mode: Schema.Literal('multi'), ids: Schema.Array(Schema.String).pipe(Schema.mutable) }).pipe(\n Schema.mutable,\n ),\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\n// TODO(burdon): Refactor.\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 return newSelection;\n }\n\n // TODO(burdon): Disambiguate with getSelection?\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 // 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", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { RegistryContext } from '@effect-atom/atom-react';\nimport { createContext } from '@radix-ui/react-context';\nimport * as Match from 'effect/Match';\nimport React, { type PropsWithChildren, useCallback, useContext, useEffect, useMemo, useState } from 'react';\n\nimport { useDefaultValue } from '@dxos/react-hooks';\n\nimport {\n type Selection,\n SelectionManager,\n type SelectionMode,\n type SelectionResult,\n defaultSelection,\n} from '../selection';\n\nconst SELECTION_NAME = 'Selection';\n\ntype SelectionContextValue = {\n selection: SelectionManager;\n};\n\nconst [SelectionContextProvider, useSelectionContext] = createContext<SelectionContextValue>(SELECTION_NAME, {\n selection: undefined as unknown as SelectionManager,\n});\n\n/**\n * Manages selection state across the app for multiple contexts.\n */\n// TODO(burdon): When is the selection removed?\nexport const SelectionProvider = ({\n children,\n selection: propsSelection,\n}: PropsWithChildren<{ selection?: SelectionManager }>) => {\n const registry = useContext(RegistryContext);\n const selection = useDefaultValue(propsSelection, () => new SelectionManager(registry));\n return <SelectionContextProvider selection={selection}>{children}</SelectionContextProvider>;\n};\n\n/**\n * Get the selection contexts.\n */\nexport const useSelectionManager = () => {\n const { selection } = useSelectionContext(SELECTION_NAME);\n return selection;\n};\n\nconst getDefaultResult = <T extends SelectionMode>(mode: T): SelectionResult<T> => {\n return Match.type<Selection>().pipe(\n Match.when({ mode: 'single' }, (selection) => selection.id),\n Match.when({ mode: 'multi' }, (selection) => selection.ids),\n Match.when({ mode: 'range' }, (selection) =>\n selection.from && selection.to ? { from: selection.from, to: selection.to } : undefined,\n ),\n Match.when({ mode: 'multi-range' }, (selection) => selection.ranges),\n Match.exhaustive,\n )(defaultSelection(mode)) as SelectionResult<T>;\n};\n\n/**\n * Get the selected objects for a given context.\n */\nexport const useSelected = <T extends SelectionMode>(\n contextId?: string,\n mode: T = 'multi' as T,\n): SelectionResult<T> => {\n const { selection } = useSelectionContext(SELECTION_NAME);\n const [state, setState] = useState<SelectionResult<T>>(() =>\n contextId && selection ? selection.getSelected(contextId, mode) : getDefaultResult(mode),\n );\n\n useEffect(() => {\n if (!contextId || !selection) {\n setState(getDefaultResult(mode));\n return;\n }\n\n // Set initial state.\n setState(selection.getSelected(contextId, mode));\n\n // Subscribe to changes.\n return selection.subscribe(() => {\n setState(selection.getSelected(contextId, mode));\n });\n }, [selection, contextId, mode]);\n\n return state;\n};\n\nexport type UseSelectionActions = {\n singleSelect: (id: string) => void;\n multiSelect: (ids: string[]) => void;\n rangeSelect: (from: string, to: string) => void;\n toggle: (id: string) => void;\n clear: () => void;\n};\n\n/**\n * Provides functions to manage the selection state for multiple contexts.\n */\n// TODO(burdon): Mode not used.\nexport const useSelectionActions = (contextIds: string[], mode: SelectionMode = 'multi'): UseSelectionActions => {\n const stableContextIds = useMemo(() => contextIds, [JSON.stringify(contextIds)]); // TODO(burdon): Avoid stringify.\n const { selection } = useSelectionContext(SELECTION_NAME);\n\n const singleSelect = useCallback(\n (id: string) => {\n if (!selection) {\n return;\n }\n for (const contextId of stableContextIds) {\n selection.updateSingle(contextId, id);\n }\n },\n [selection, stableContextIds],\n );\n\n const multiSelect = useCallback(\n (ids: string[]) => {\n if (!selection) {\n return;\n }\n for (const contextId of stableContextIds) {\n selection.updateMulti(contextId, ids);\n }\n },\n [selection, stableContextIds],\n );\n\n const rangeSelect = useCallback(\n (from: string, to: string) => {\n if (!selection) {\n return;\n }\n for (const contextId of stableContextIds) {\n selection.updateRange(contextId, from, to);\n }\n },\n [selection, stableContextIds],\n );\n\n const toggle = useCallback(\n (id: string) => {\n if (!selection) {\n return;\n }\n for (const contextId of stableContextIds) {\n selection.toggleSelection(contextId, id);\n }\n },\n [selection, stableContextIds],\n );\n\n const clear = useCallback(() => {\n if (!selection) {\n return;\n }\n for (const contextId of stableContextIds) {\n selection.clearSelection(contextId);\n }\n }, [selection, stableContextIds]);\n\n return { singleSelect, multiSelect, rangeSelect, toggle, clear };\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["Atom", "ComplexMap", "stringKey", "key", "join", "AttentionManager", "_map", "ComplexMap", "_currentAtom", "_registry", "initial", "Atom", "make", "length", "update", "current", "getCurrent", "get", "subscribeCurrent", "cb", "subscribe", "keys", "Array", "from", "atom", "_getAtom", "existing", "newAtom", "hasAttention", "isAncestor", "isRelated", "set", "nextKey", "currentKey", "currentRelatedTo", "nextRelatedTo", "currentRelatedKeys", "filter", "nextRelatedKeys", "prevRelatedKeys", "curr", "find", "next", "currentAncestorKeys", "slice", "map", "_", "i", "nextAncestorKeys", "prevAncestorKeys", "forEach", "_set", "attention", "getAttendables", "selector", "cursor", "acc", "closestAttendable", "closest", "attendableId", "getAttribute", "trigger", "document", "querySelector", "push", "split", "ATTENDABLE_PATH_SEPARATOR", "parentElement", "Set", "RegistryContext", "createContext", "Primitive", "Slot", "React", "forwardRef", "useContext", "useEffect", "useMemo", "useState", "log", "useDefaultValue", "mx", "ATTENTION_NAME", "ATTENDABLE_ATTRIBUTE", "ATTENTION_SOURCE_ATTRIBUTE", "AttentionContextProvider", "useAttentionContext", "createContext", "attention", "undefined", "path", "UNKNOWN_ATTENDABLE", "hasAttention", "isAncestor", "isRelated", "useAttention", "attendableId", "state", "setState", "useState", "key", "useMemo", "split", "ATTENDABLE_PATH_SEPARATOR", "useEffect", "get", "subscribe", "newState", "useAttended", "current", "setCurrent", "getCurrent", "subscribeCurrent", "newCurrent", "useAttentionAttributes", "attributes", "useAttentionPath", "RootAttentionProvider", "children", "propsAttention", "onChange", "registry", "useContext", "RegistryContext", "useDefaultValue", "AttentionManager", "handleFocus", "event", "log", "related", "relatedTarget", "target", "selector", "Array", "from", "document", "querySelectorAll", "map", "el", "getAttribute", "join", "prev", "next", "getAttendables", "length", "find", "id", "index", "update", "div", "role", "className", "onFocusCapture", "AttentionProvider", "nextPath", "AttendableContainer", "forwardRef", "classNames", "asChild", "props", "forwardedRef", "attentionAttrs", "Comp", "Slot", "Primitive", "mx", "tabIndex", "ref", "Atom", "Match", "Schema", "invariant", "SelectionSchema", "Union", "Struct", "mode", "Literal", "id", "optional", "String", "pipe", "mutable", "ids", "Array", "from", "to", "ranges", "defaultSelection", "type", "withReturnType", "when", "exhaustive", "getSelectionSet", "selectionManager", "contextId", "Set", "context", "getSelectionContexts", "selection", "getSelection", "add", "SelectionManager", "_state", "_registry", "initial", "make", "selections", "state", "getState", "get", "subscribe", "cb", "Object", "keys", "undefined", "newSelection", "update", "getSelected", "s", "updateSingle", "updateMulti", "updateRange", "updateMultiRange", "clearSelection", "clearedSelection", "toggleSelection", "newIds", "includes", "filter", "existingId", "RegistryContext", "createContext", "Match", "React", "useCallback", "useContext", "useEffect", "useMemo", "useState", "useDefaultValue", "SELECTION_NAME", "SelectionContextProvider", "useSelectionContext", "createContext", "selection", "undefined", "SelectionProvider", "children", "propsSelection", "registry", "useContext", "RegistryContext", "useDefaultValue", "SelectionManager", "React", "useSelectionManager", "getDefaultResult", "mode", "type", "pipe", "when", "id", "ids", "from", "to", "ranges", "exhaustive", "defaultSelection", "useSelected", "contextId", "state", "setState", "useState", "getSelected", "useEffect", "subscribe", "useSelectionActions", "contextIds", "stableContextIds", "useMemo", "JSON", "stringify", "singleSelect", "useCallback", "updateSingle", "multiSelect", "updateMulti", "rangeSelect", "updateRange", "toggle", "toggleSelection", "clear", "clearSelection"]
|
|
7
|
-
}
|