nils/papercrate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

folder-selection

Browse Source
This commit is contained in:
nils
2025-11-01 23:37:12 +01:00
parent 16ac16cd30
commit 0b8f856876
4 changed files with 50 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/AppLayout.jsx
+28 -28
View File
@@ -346,8 +346,8 @@ const AppLayout = () => {
const tagManager = tagManagerRef.current;
const {
selectedRowKeys,
setSelectedRowKeys,
selectedEntries,
setSelectedEntries,
selectionOrder,
setSelectionOrder,
selectionOrderRef,
@@ -368,7 +368,7 @@ const AppLayout = () => {
isDocumentRowKey,
isFolderRowKey,
getRowId,
initialSelection: initialRowSelection,
initialEntries: initialRowSelection,
});
const getDocumentAsset = useCallback((doc, type) => {
@@ -382,22 +382,22 @@ const AppLayout = () => {
const selectedDocumentIds = useMemo(
() =>
selectedRowKeys
selectedEntries
.filter(isDocumentRowKey)
.map((key) => getRowId(key))
.filter(Boolean),
[selectedRowKeys],
[selectedEntries],
);
const selectionCount = selectedDocumentIds.length;
const selectedFolderIds = useMemo(
() =>
selectedRowKeys
selectedEntries
.filter(isFolderRowKey)
.map((key) => getRowId(key))
.filter(Boolean),
[selectedRowKeys],
[selectedEntries],
);
@@ -409,7 +409,7 @@ const AppLayout = () => {
setCurrentFolder(null);
setCurrentSubfolders([]);
setDocuments([]);
setSelectedRowKeys([]);
setSelectedEntries([]);
setSelectionOrder([]);
selectionOrderRef.current = [];
setFocusedDocumentId(null);
@@ -440,7 +440,7 @@ const AppLayout = () => {
selectionInitializedRef,
selectionOrderRef,
setFocusedDocumentId,
setSelectedRowKeys,
setSelectedEntries,
setSelectionOrder,
]);
@@ -594,7 +594,7 @@ const AppLayout = () => {
let nextDocKeys = [];
let mergedSelection = [];
setSelectedRowKeys((previous) => {
setSelectedEntries((previous) => {
const previousFolderKeys = previous
.filter(isFolderRowKey)
.filter((key) => availableFolderKeys.has(key));
@@ -638,7 +638,7 @@ const AppLayout = () => {
selectionInitializedRef,
selectionOrderRef,
setFocusedDocumentId,
setSelectedRowKeys,
setSelectedEntries,
setSelectionOrder,
],
);
@@ -952,7 +952,7 @@ const AppLayout = () => {
return;
}
const selectedKey = selectedRowKeys.find((key) => navigableRowKeys.includes(key));
const selectedKey = selectedEntries.find((key) => navigableRowKeys.includes(key));
if (selectedKey) {
setFocusedRowKey(selectedKey);
return;
@@ -965,7 +965,7 @@ const AppLayout = () => {
focusedRowKey,
focusedDocumentId,
navigableRowKeys,
selectedRowKeys,
selectedEntries,
setFocusedRowKey,
]);
@@ -2446,7 +2446,7 @@ const AppLayout = () => {
}
event.stopPropagation();
const folderKey = resolveFolderRowKey(folderId);
const isAlreadySelected = folderKey ? selectedRowKeys.includes(folderKey) : false;
const isAlreadySelected = folderKey ? selectedEntries.includes(folderKey) : false;
let effectiveFolderSelection = selectedFolderIds;
let effectiveDocumentSelection = selectedDocumentIds;
@@ -2500,7 +2500,7 @@ const AppLayout = () => {
event.currentTarget?.classList.add('dragging');
},
[
selectedRowKeys,
selectedEntries,
selectedFolderIds,
selectedDocumentIds,
setDraggedFolderId,
@@ -2898,7 +2898,7 @@ const AppLayout = () => {
return changed ? next : prev;
});
setSelectedRowKeys((prev) => pruneRowCollection(prev));
setSelectedEntries((prev) => pruneRowCollection(prev));
setSelectionOrder((prev) => pruneRowCollection(prev));
selectionOrderRef.current = pruneRowCollection(selectionOrderRef.current);
if (
@@ -2944,7 +2944,7 @@ const AppLayout = () => {
focusedRowKey,
setFocusedRowKey,
setSelectionOrder,
setSelectedRowKeys,
setSelectedEntries,
setStatusMessage,
selectionAnchorRef,
selectionOrderRef,
@@ -3056,8 +3056,8 @@ const AppLayout = () => {
}
let resolvedKey = null;
for (let index = selectedRowKeys.length - 1; index >= 0; index -= 1) {
const candidate = selectedRowKeys[index];
for (let index = selectedEntries.length - 1; index >= 0; index -= 1) {
const candidate = selectedEntries[index];
if (navigableRowKeys.includes(candidate)) {
resolvedKey = candidate;
break;
@@ -3072,19 +3072,19 @@ const AppLayout = () => {
return;
}
if (selectedRowKeys.length === 0) {
if (selectedEntries.length === 0) {
return;
}
setFocusedRowKey(resolvedKey);
if (!selectedRowKeys.includes(resolvedKey) && selectedRowKeys.length > 0) {
if (!selectedEntries.includes(resolvedKey) && selectedEntries.length > 0) {
applySelection([resolvedKey], { anchor: resolvedKey, interactedKeys: [resolvedKey] });
}
}, [
focusedRowKey,
navigableRowKeys,
selectedRowKeys,
selectedEntries,
navigableRows,
applySelection,
setFocusedRowKey,
@@ -3110,8 +3110,8 @@ const AppLayout = () => {
: null;
if (!activeKey) {
for (let index = selectedRowKeys.length - 1; index >= 0; index -= 1) {
const candidate = selectedRowKeys[index];
for (let index = selectedEntries.length - 1; index >= 0; index -= 1) {
const candidate = selectedEntries[index];
if (navigableRowKeys.includes(candidate)) {
activeKey = candidate;
break;
@@ -3183,7 +3183,7 @@ const AppLayout = () => {
navigableRows,
navigableRowKeys,
focusedRowKey,
selectedRowKeys,
selectedEntries,
handleRowSelection,
selectFolder,
openDocumentPreview,
@@ -3716,7 +3716,7 @@ const AppLayout = () => {
if (!results.length) {
setSearchLoading(false);
setSelectedRowKeys([]);
setSelectedEntries([]);
setFocusedDocumentId(null);
selectionOrderRef.current = [];
setSelectionOrder([]);
@@ -3731,7 +3731,7 @@ const AppLayout = () => {
let targetKey = null;
let nextSelectionKeys = [];
setSelectedRowKeys((previous) => {
setSelectedEntries((previous) => {
const previousDocKeys = previous.filter(isDocumentRowKey);
const filtered = previousDocKeys.filter((key) => resultKeys.includes(key));
if (filtered.length) {
@@ -3788,7 +3788,7 @@ const AppLayout = () => {
assetManager,
selectionOrderRef,
selectionAnchorRef,
setSelectedRowKeys,
setSelectedEntries,
setSelectionOrder,
setFocusedDocumentId,
]);