Skip to content

Commit 46304e6

Browse files
committed
updating naming and making things a bit easier to read
1 parent ec10e60 commit 46304e6

File tree

1 file changed

+32
-33
lines changed

1 file changed

+32
-33
lines changed

packages/@react-stately/data/src/useTreeData.ts

Lines changed: 32 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -128,8 +128,8 @@ export function useTreeData<T extends object>(options: TreeOptions<T>): TreeData
128128
} = options;
129129

130130
// We only want to compute this on initial render.
131-
let [tree, setItems] = useState<{items: TreeNode<T>[], mappy: Map<Key, TreeNode<T>>}>(() => buildTree(initialItems));
132-
let {items, mappy: map} = tree;
131+
let [tree, setItems] = useState<{items: TreeNode<T>[], nodeMap: Map<Key, TreeNode<T>>}>(() => buildTree(initialItems));
132+
let {items, nodeMap} = tree;
133133

134134
let [selectedKeys, setSelectedKeys] = useState(new Set<Key>(initialSelectedKeys || []));
135135

@@ -151,14 +151,14 @@ export function useTreeData<T extends object>(options: TreeOptions<T>): TreeData
151151
map.set(node.key, node);
152152
return node;
153153
}),
154-
mappy: map
154+
nodeMap: map
155155
};
156156
}
157157

158158
function updateTree(items: TreeNode<T>[], key: Key, update: (node: TreeNode<T>) => TreeNode<T>, originalMap: Map<Key, TreeNode<T>>) {
159159
let node = originalMap.get(key);
160160
if (!node) {
161-
return {items, mappy: originalMap};
161+
return {items, nodeMap: originalMap};
162162
}
163163
let map = new Map<Key, TreeNode<T>>(originalMap);
164164

@@ -205,25 +205,24 @@ export function useTreeData<T extends object>(options: TreeOptions<T>): TreeData
205205

206206
return {
207207
items: items.map(item => {
208-
// if (item.key === node.key) {
209208
if (item === node) {
210209
return newNode;
211210
}
212211

213212
return item;
214213
}),
215-
mappy: map
214+
nodeMap: map
216215
};
217216
}
218217

219-
function addNode(node: TreeNode<T>, map) {
218+
function addNode(node: TreeNode<T>, map: Map<Key, TreeNode<T>>) {
220219
map.set(node.key, node);
221220
for (let child of node.children) {
222221
addNode(child, map);
223222
}
224223
}
225224

226-
function deleteNode(node: TreeNode<T>, map) {
225+
function deleteNode(node: TreeNode<T>, map: Map<Key, TreeNode<T>>) {
227226
map.delete(node.key);
228227
for (let child of node.children) {
229228
deleteNode(child, map);
@@ -235,21 +234,21 @@ export function useTreeData<T extends object>(options: TreeOptions<T>): TreeData
235234
selectedKeys,
236235
setSelectedKeys,
237236
getItem(key: Key) {
238-
return map.get(key);
237+
return nodeMap.get(key);
239238
},
240239
insert(parentKey: Key | null, index: number, ...values: T[]) {
241-
setItems(({items, mappy: originalMap}) => {
242-
let {items: nodes, mappy: newMap} = buildTree(values, parentKey, originalMap);
240+
setItems(({items, nodeMap: originalMap}) => {
241+
let {items: newNodes, nodeMap: newMap} = buildTree(values, parentKey, originalMap);
243242

244243
// If parentKey is null, insert into the root.
245244
if (parentKey == null) {
246245
return {
247246
items: [
248247
...items.slice(0, index),
249-
...nodes,
248+
...newNodes,
250249
...items.slice(index)
251250
],
252-
mappy: newMap
251+
nodeMap: newMap
253252
};
254253
}
255254

@@ -260,30 +259,30 @@ export function useTreeData<T extends object>(options: TreeOptions<T>): TreeData
260259
value: parentNode.value,
261260
children: [
262261
...parentNode.children.slice(0, index),
263-
...nodes,
262+
...newNodes,
264263
...parentNode.children.slice(index)
265264
]
266265
}), newMap);
267266
});
268267
},
269268
insertBefore(key: Key, ...values: T[]): void {
270-
let node = map.get(key);
269+
let node = nodeMap.get(key);
271270
if (!node) {
272271
return;
273272
}
274273

275-
let parentNode = map.get(node.parentKey);
274+
let parentNode = nodeMap.get(node.parentKey);
276275
let nodes = parentNode ? parentNode.children : items;
277276
let index = nodes.indexOf(node);
278277
this.insert(parentNode?.key, index, ...values);
279278
},
280279
insertAfter(key: Key, ...values: T[]): void {
281-
let node = map.get(key);
280+
let node = nodeMap.get(key);
282281
if (!node) {
283282
return;
284283
}
285284

286-
let parentNode = map.get(node.parentKey);
285+
let parentNode = nodeMap.get(node.parentKey);
287286
let nodes = parentNode ? parentNode.children : items;
288287
let index = nodes.indexOf(node);
289288
this.insert(parentNode?.key, index + 1, ...values);
@@ -295,7 +294,7 @@ export function useTreeData<T extends object>(options: TreeOptions<T>): TreeData
295294
if (parentKey == null) {
296295
this.insert(null, items.length, ...values);
297296
} else {
298-
let parentNode = map.get(parentKey);
297+
let parentNode = nodeMap.get(parentKey);
299298
if (!parentNode) {
300299
return;
301300
}
@@ -305,19 +304,19 @@ export function useTreeData<T extends object>(options: TreeOptions<T>): TreeData
305304
},
306305
remove(...keys: Key[]) {
307306
let newItems = items;
308-
let prevMap = map;
309-
let tree;
307+
let prevMap = nodeMap;
308+
let newTree;
310309
for (let key of keys) {
311-
tree = updateTree(newItems, key, () => null, prevMap);
312-
prevMap = tree.mappy;
313-
newItems = tree.items;
310+
newTree = updateTree(newItems, key, () => null, prevMap);
311+
prevMap = newTree.nodeMap;
312+
newItems = newTree.items;
314313
}
315314

316-
setItems(tree);
315+
setItems(newTree);
317316

318317
let selection = new Set(selectedKeys);
319318
for (let key of selectedKeys) {
320-
if (!tree.mappy.has(key)) {
319+
if (!newTree.nodeMap.has(key)) {
321320
selection.delete(key);
322321
}
323322
}
@@ -328,14 +327,14 @@ export function useTreeData<T extends object>(options: TreeOptions<T>): TreeData
328327
this.remove(...selectedKeys);
329328
},
330329
move(key: Key, toParentKey: Key | null, index: number) {
331-
setItems(({items, mappy: originalMap}) => {
330+
setItems(({items, nodeMap: originalMap}) => {
332331
let node = originalMap.get(key);
333332
if (!node) {
334-
return {items, mappy: originalMap};
333+
return {items, nodeMap: originalMap};
335334
}
336335

337-
let tree = updateTree(items, key, () => null, originalMap);
338-
let {items: newItems, mappy: map} = tree;
336+
let {items: newItems, nodeMap: newMap} = updateTree(items, key, () => null, originalMap);
337+
339338

340339
const movedNode = {
341340
...node,
@@ -348,7 +347,7 @@ export function useTreeData<T extends object>(options: TreeOptions<T>): TreeData
348347
...newItems.slice(0, index),
349348
movedNode,
350349
...newItems.slice(index)
351-
], mappy: map};
350+
], nodeMap: newMap};
352351
}
353352

354353
// Otherwise, update the parent node and its ancestors.
@@ -361,11 +360,11 @@ export function useTreeData<T extends object>(options: TreeOptions<T>): TreeData
361360
movedNode,
362361
...parentNode.children.slice(index)
363362
]
364-
}), map);
363+
}), newMap);
365364
});
366365
},
367366
update(oldKey: Key, newValue: T) {
368-
setItems(({items, mappy: originalMap}) => updateTree(items, oldKey, oldNode => {
367+
setItems(({items, nodeMap: originalMap}) => updateTree(items, oldKey, oldNode => {
369368
let node: TreeNode<T> = {
370369
key: oldNode.key,
371370
parentKey: oldNode.parentKey,

0 commit comments

Comments
 (0)