@bindu-dashing/dam-solution-v2 5.8.59 → 5.8.61

package/build/MyDrive/DriveContainer.js

@@ -271,7 +271,7 @@ function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pi
                         }, children: "Clear Filters" }))] })) : (_jsx("div", { className: "md-lib-p-4 md-lib-max-h-[calc(100%-161px)] md-lib-overflow-x-auto", children: state.showGrid ? (_jsx(FolderGridView, { folders: filter(folders, (item) => get(item, "type") !== EntityType.FILE), files: _.filter(folders, (item) => get(item, "type") === EntityType.FILE), foldersFetching: isFetching, hasNextPage: !!hasNextPage, fetchNextPage: fetchNextPage, selectedFolderIds: get(selectedItems, "folderIds", []), selectedFileIds: get(selectedItems, "fileIds", []), setSelectedItems: (updateFnOrValue = {}) => setState((prevState) => {
                         const prevSelected = prevState.selectedItems;
                         return Object.assign(Object.assign({}, prevState), { selectedItems: Object.assign(Object.assign({}, prevSelected), updateFnOrValue) });
-                    }), isImagePicker: !!pickerFolderId, setSelectedFile: setSelectedFile, setParentFolderId: setParentFolderId, selectedPickerFile: selectedPickerFile, sortBy: sortBy, sortOrder: sortOrder, setSortOrders: (newSortBy, newSortOrder) => setState((prev) => (Object.assign(Object.assign({}, prev), { sortBy: newSortBy, sortOrder: newSortOrder }))) })) : (_jsx(FolderListView, { folders: folders, foldersFetching: isFetching, hasNextPage: !!hasNextPage, fetchNextPage: fetchNextPage, selectedFolderIds: get(selectedItems, "folderIds", []), selectedFileIds: get(selectedItems, "fileIds", []), setSelectedItems: (updateFnOrValue = {}) => setState((prevState) => {
+                    }), isImagePicker: !!pickerFolderId, setSelectedFile: setSelectedFile, setParentFolderId: setParentFolderId, selectedPickerFile: selectedPickerFile, sortBy: sortBy, sortOrder: sortOrder, setSortOrders: (newSortBy, newSortOrder) => setState((prev) => (Object.assign(Object.assign({}, prev), { sortBy: newSortBy, sortOrder: newSortOrder }))), setSelectedKeys: setSelectedKeys })) : (_jsx(FolderListView, { folders: folders, foldersFetching: isFetching, hasNextPage: !!hasNextPage, fetchNextPage: fetchNextPage, selectedFolderIds: get(selectedItems, "folderIds", []), selectedFileIds: get(selectedItems, "fileIds", []), setSelectedItems: (updateFnOrValue = {}) => setState((prevState) => {
                         const prevSelected = prevState.selectedItems;
                         return Object.assign(Object.assign({}, prevState), { selectedItems: Object.assign(Object.assign({}, prevSelected), updateFnOrValue) });
                     }), isImagePicker: !!pickerFolderId, setSelectedFile: setSelectedFile, setParentFolderId: setParentFolderId, selectedPickerFile: selectedPickerFile, location: get(parentFolder, "name"), assets: assets, sortByKey: sortBy, sortOrder: sortOrder, setSortOrders: (newSortBy, newSortOrder) => setState((prev) => (Object.assign(Object.assign({}, prev), { sortBy: newSortBy, sortOrder: newSortOrder }))), onSearch: onSearch, searchKey: searchKey, searchValue: searchValue, metadataKey: metadataKey, metadataValue: metadataValue, setSelectedKeys: setSelectedKeys })) }))] }));

package/build/MyDrive/FolderGridView.d.ts

@@ -1,5 +1,5 @@
 import { FileEntity, FolderEntity, SortByKeys, SortOrders } from "../utilities/constants/interface";
-declare const FolderGridView: ({ folders, foldersFetching, hasNextPage, fetchNextPage, files, selectedFileIds, selectedFolderIds, setSelectedItems, isImagePicker, setSelectedFile, setParentFolderId, selectedPickerFile, sortBy, sortOrder, setSortOrders, }: {
+declare const FolderGridView: ({ folders, foldersFetching, hasNextPage, fetchNextPage, files, selectedFileIds, selectedFolderIds, setSelectedItems, isImagePicker, setSelectedFile, setParentFolderId, selectedPickerFile, sortBy, sortOrder, setSortOrders, setSelectedKeys, }: {
     folders: FolderEntity[];
     foldersFetching: boolean;
     hasNextPage: boolean;
@@ -15,5 +15,6 @@ declare const FolderGridView: ({ folders, foldersFetching, hasNextPage, fetchNex
     sortBy: SortByKeys;
     sortOrder: SortOrders;
     setSortOrders: (newSortBy: SortByKeys, newSortOrder: SortOrders) => void;
+    setSelectedKeys?: (keys: string | string[]) => void;
 }) => JSX.Element;
 export default FolderGridView;

package/build/MyDrive/FolderGridView.js

@@ -4,7 +4,7 @@ import _, { filter, get, includes } from "lodash";
 import { FaFolder, FaSort } from "react-icons/fa";
 import LoadMoreItems from "../common/LoadMoreItems";
 import FolderMenuOptions from "./FolderMenuOptions";
-import { FETCH_ENTITY_SCREEN, SUBFOLDERS_SCREEN, } from "../utilities/constants/routes";
+import { FETCH_ENTITY_SCREEN, } from "../utilities/constants/routes";
 import FilesGridView from "./FilesGridView";
 import { useRef, useState } from "react";
 import ActionsBar from "./ActionBar";
@@ -14,7 +14,7 @@ import useAppParams from "../utilities/useAppParams";
 import { ArrowDownOutlined, ArrowUpOutlined } from "@ant-design/icons";
 const FaFolderIcon = FaFolder;
 const FaSortIcon = FaSort;
-const FolderGridView = ({ folders, foldersFetching, hasNextPage, fetchNextPage, files, selectedFileIds, selectedFolderIds, setSelectedItems, isImagePicker, setSelectedFile, setParentFolderId, selectedPickerFile, sortBy, sortOrder, setSortOrders, }) => {
+const FolderGridView = ({ folders, foldersFetching, hasNextPage, fetchNextPage, files, selectedFileIds, selectedFolderIds, setSelectedItems, isImagePicker, setSelectedFile, setParentFolderId, selectedPickerFile, sortBy, sortOrder, setSortOrders, setSelectedKeys, }) => {
     const navigate = useAppNavigate();
     const [state, setState] = useState({
         selectedFile: {},
@@ -23,6 +23,7 @@ const FolderGridView = ({ folders, foldersFetching, hasNextPage, fetchNextPage,
     const { showPreviewModal, selectedFile } = state;
     const { type } = useAppParams();
     const clickTimer = useRef(null);
+    const lastClickedId = useRef(null);
     const handleClick = (folder) => {
         const id = get(folder, "_id");
         const fileType = get(folder, "type", EntityType.FOLDER);
@@ -40,18 +41,36 @@ const FolderGridView = ({ folders, foldersFetching, hasNextPage, fetchNextPage,
             }
         }
         else {
-            if (clickTimer.current) {
-                clearTimeout(clickTimer.current);
+            // Check if this is a double click (same item clicked within timer window)
+            const isDoubleClick = clickTimer.current !== null && lastClickedId.current === id;
+            if (isDoubleClick) {
+                // Double click detected - clear timer and handle double click action
+                if (clickTimer.current) {
+                    clearTimeout(clickTimer.current);
+                }
                 clickTimer.current = null;
-                if (fileType === EntityType.FOLDER && navigate) {
-                    navigate(SUBFOLDERS_SCREEN.replace(":folderId", id));
+                lastClickedId.current = null;
+                if (fileType === EntityType.FOLDER) {
+                    // Double click on folder: update tree selection (similar to FolderTree's handleSelect)
+                    // This will automatically update the DriveContainer to show the folder's contents
+                    if (setSelectedKeys) {
+                        setSelectedKeys(id);
+                    }
                 }
-                if (fileType === EntityType.FILE && type !== DriveModes.TRASH) {
+                else if (fileType === EntityType.FILE && type !== DriveModes.TRASH) {
+                    // Double click on file: show preview
                     setState((prevState) => (Object.assign(Object.assign({}, prevState), { selectedFile: folder, showPreviewModal: true })));
                 }
                 return;
             }
+            // Single click - set timer for selection
+            if (clickTimer.current) {
+                // Different item clicked, clear previous timer
+                clearTimeout(clickTimer.current);
+            }
+            lastClickedId.current = id;
             clickTimer.current = setTimeout(() => {
+                // Single click action: toggle selection
                 if (fileType === EntityType.FILE) {
                     const alreadySelected = includes(selectedFileIds, id);
                     setSelectedItems({
@@ -69,6 +88,7 @@ const FolderGridView = ({ folders, foldersFetching, hasNextPage, fetchNextPage,
                     });
                 }
                 clickTimer.current = null;
+                lastClickedId.current = null;
             }, 250);
         }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bindu-dashing/dam-solution-v2",
-  "version": "5.8.59",
+  "version": "5.8.61",
   "dependencies": {
     "@ant-design/icons": "^5.0.1",
     "@emoji-mart/data": "^1.2.1",