@bindu-dashing/dam-solution-v2 5.8.26 → 5.8.28

package/build/MyDrive/FolderTree.js

@@ -111,6 +111,33 @@ function FolderTree({ currentRootId, expandedKeys, selectedKeys, handleExpand, s
         globalSearchValue: "",
     });
     const { showConfirmationModal, showEditModal, selectedFolder, loading, isSorting, enableDrag, sortMode, sortOrder, tempFolders, parentFolder, globalSearchValue, } = state;
+    // Fetch children for a specific folder and insert them into the tree (same logic as fetchFolders)
+    const fetchFolderChildren = (folderId) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            setState((prevState) => {
+                return Object.assign(Object.assign({}, prevState), { loading: true });
+            });
+            const response = yield api.get(`${FETCH_FOLDER_URL.replace(":folderId", folderId)}?isPagination=false&includeFiles=false&includeSubFoldersCount=true&fetchMainFolders=true&globalSearch=`);
+            const newFolders = get(response, "data.folders", []);
+            // Simply use the same logic as fetchFolders - sort and insert recursively
+            const sorted = sortFoldersRecursively(newFolders, "name", sortOrder);
+            const newChildren = insertSubfoldersRecursively(sorted);
+            console.log('## Fetching children for folder:', folderId, 'New children:', newChildren);
+            // Insert the fetched children into the clicked folder in the tree
+            setFolders((prevFolders) => {
+                return insertSubfolders(prevFolders, folderId, newChildren);
+            });
+            setState((prevState) => {
+                return Object.assign(Object.assign({}, prevState), { loading: false });
+            });
+        }
+        catch (error) {
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+            setState((prevState) => {
+                return Object.assign(Object.assign({}, prevState), { loading: false });
+            });
+        }
+    });
     const fetchFolders = (fid) => __awaiter(this, void 0, void 0, function* () {
         try {
             setState((prevState) => {
@@ -124,18 +151,11 @@ function FolderTree({ currentRootId, expandedKeys, selectedKeys, handleExpand, s
                 setFolders(sortFoldersRecursively(newFolders, "name", sortOrder));
             }
             else {
-                // // Simply use folder info from API response and newFolders as children
-                // const sorted = sortFoldersRecursively(newFolders, "name", sortOrder);
-                // console.log('## Folder info:', folderInfo, 'New children:', insertSubfoldersRecursively(sorted));
-                // setFolders([{
-                //   ...folderInfo,
-                //   children: insertSubfoldersRecursively(sorted),
-                // }]);
-                setFolders((prev) => {
-                    const cloned = cloneDeep(prev);
-                    const sorted = sortFoldersRecursively(newFolders, "name", sortOrder);
-                    return insertSubfolders(cloned, fid, sorted);
-                });
+                // Simply use folder info from API response and newFolders as children
+                const sorted = sortFoldersRecursively(newFolders, "name", sortOrder);
+                console.log('## Folder info:', folderInfo, 'New children:', insertSubfoldersRecursively(sorted));
+                const newChildren = insertSubfoldersRecursively(sorted);
+                setFolders([Object.assign(Object.assign({}, folderInfo), { children: newChildren })]);
             }
             setState((prevState) => {
                 return Object.assign(Object.assign({}, prevState), { parentFolder: get(response, "data.folder", {}), loading: false, globalSearchValue: globalSearch || "" });
@@ -238,6 +258,19 @@ function FolderTree({ currentRootId, expandedKeys, selectedKeys, handleExpand, s
             return get(item, "_id") !== rootFolderId;
         });
     }, [parentFolder]);
+    // Wrapper for handleExpand that also fetches children when a folder is expanded
+    const handleExpandWithFetch = (keys) => {
+        handleExpand(keys);
+        const newExpanded = map(keys, (k) => k.toString());
+        const currentExpanded = isArray(expandedKeys) ? expandedKeys : [expandedKeys].filter(Boolean);
+        const newlyExpanded = newExpanded.filter(id => !currentExpanded.includes(id));
+        // Fetch children for newly expanded folders using the same simple logic
+        newlyExpanded.forEach(expandedId => {
+            if (expandedId !== rootFolderId && expandedId !== currentRootId) {
+                fetchFolderChildren(expandedId);
+            }
+        });
+    };
     const handleSelect = (keys) => {
         // console.log("keys", keys);
         const selected = map(keys, (k) => k.toString());
@@ -247,6 +280,10 @@ function FolderTree({ currentRootId, expandedKeys, selectedKeys, handleExpand, s
             const selectedId = selected[get(selected, "length", 0) - 1];
             // navigate(SUBFOLDERS_SCREEN.replace(":folderId", selectedId));
             console.log('## selectedId', selectedId);
+            // If the selected folder is not the root folder, fetch its children
+            if (selectedId !== rootFolderId && selectedId !== currentRootId) {
+                fetchFolderChildren(selectedId);
+            }
         }
     };
     useEffect(() => {
@@ -371,6 +408,6 @@ function FolderTree({ currentRootId, expandedKeys, selectedKeys, handleExpand, s
                                     }, icon: sortOrder == "desc" ? (_jsx(AiOutlineSortAscendingbtn, { className: "md-lib-cursor-pointer" })) : (_jsx(AiOutlineSortDescendingbtn, { className: "md-lib-cursor-pointer" })) }) })), sortMode === "custom" && !enableDrag && !globalSearch && (_jsx(Tooltip, { title: "Enable Drag", children: _jsx(Button, { icon: _jsx(GrSortIcon, {}), onClick: toggleEnableDrag }) })), enableDrag && (_jsxs("div", { className: "md-lib-flex md-lib-gap-2 md-lib-ml-2", children: [_jsx(Button, { type: "primary", onClick: handleSave, loading: isSorting, children: "Save" }), _jsx(Button, { onClick: handleCancel, children: "Cancel" })] })), loading && _jsx(CustomLoader, {})] }), _jsx(DirectoryTree, { treeData: getFoldersTree(sortMode === "custom" ? tempFolders : folders), draggable: {
                             icon: true,
                             nodeDraggable: (node) => sortMode === "custom" && enableDrag ? !(node === null || node === void 0 ? void 0 : node.parentId) : false,
-                        }, onDrop: sortMode === "custom" && enableDrag ? onDrop : undefined, blockNode: true, showIcon: false, selectable: !enableDrag, selectedKeys: isArray(selectedKeys) ? selectedKeys : [selectedKeys], expandedKeys: expandedKeys, onSelect: handleSelect, onExpand: handleExpand })] }), showConfirmationModal && (_jsx(DeleteConfirmationModal, { showDeleteModal: showConfirmationModal, toggleDeleteModal: toggleDeleteModal, okText: DELETE_OK_TEXT, description: DELETE_CONFIRMATION_MESSAGE.replace(":action", "delete").replace(":entity", get(selectedFolder, "name", "this folder")), onOk: onDeleteFolder, loading: loading })), showEditModal && (_jsx(AddFolder, { open: showEditModal, handleCancel: toggleEditModal, folder: selectedFolder }))] }));
+                        }, onDrop: sortMode === "custom" && enableDrag ? onDrop : undefined, blockNode: true, showIcon: false, selectable: !enableDrag, selectedKeys: isArray(selectedKeys) ? selectedKeys : [selectedKeys], expandedKeys: expandedKeys, onSelect: handleSelect, onExpand: handleExpandWithFetch })] }), showConfirmationModal && (_jsx(DeleteConfirmationModal, { showDeleteModal: showConfirmationModal, toggleDeleteModal: toggleDeleteModal, okText: DELETE_OK_TEXT, description: DELETE_CONFIRMATION_MESSAGE.replace(":action", "delete").replace(":entity", get(selectedFolder, "name", "this folder")), onOk: onDeleteFolder, loading: loading })), showEditModal && (_jsx(AddFolder, { open: showEditModal, handleCancel: toggleEditModal, folder: selectedFolder }))] }));
 }
 export default FolderTree;

package/build/hocs/DamConfigContext.js

@@ -19,7 +19,7 @@ import { SUBSCRIPTION_EXPIRED_ERROR_MESSAGE } from "./appConstants";
 const DamConfigContext = createContext(null);
 export const DamConfigProvider = ({ children, config }) => {
     // console.log(config);
-    const { damAccessKey, secretKey, subdomain, teamIds, appType, initialRootFolderId, folderId, id, parentId, showSubfolders, routerVersion } = config;
+    const { damAccessKey, secretKey, subdomain, teamIds, appType, initialRootFolderId } = config;
     const [accessToken, setAccessToken] = useState(null);
     const [user, setDamUser] = useState(null);
     const [brand, setBrand] = useState(null);

package/package.json

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