1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
|
"use client";
import { createContext, useContext } from "react";
interface SelectionContextValue {
selectedIds: string[];
anchorId: string | null;
highlightedId: string | null;
isBoxSelecting: boolean;
isSelected: (id: string) => boolean;
clearSelection: () => void;
handleItemClick: ({
event,
id,
}: {
event: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>;
id: string;
}) => void;
handleItemMouseDown: ({
event,
id,
}: {
event: React.MouseEvent<HTMLDivElement>;
id: string;
}) => void;
registerItem: (id: string, element: HTMLElement | null) => void;
}
export const SelectionContext = createContext<SelectionContextValue | null>(null);
export function useSelectionContext() {
const context = useContext(SelectionContext);
if (!context) {
throw new Error("useSelectionContext must be used within SelectableSurface");
}
return context;
}
export function useSelection() {
const { selectedIds, anchorId, highlightedId, isSelected, clearSelection } =
useSelectionContext();
return {
selectedIds,
anchorId,
highlightedId,
isSelected,
clearSelection,
};
}
|
