@bindu-dashing/dam-solution-v2 5.8.6

package/build/MyDrive/FolderListView.js

@@ -0,0 +1,188 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { LIST_VIEW_DATE_FORMAT, LOCAL_TIMEZONE, UPLOAD_FILE_IN_PROGRESS_WHITE_IMAGE, } from "../hocs/appConstants";
+import { DriveModes, EntityType, InputTypes, SortByKeys, SortOrders, ThumbnailStatus, } from "../utilities/constants/interface";
+import moment from "moment-timezone";
+import { filter, get, groupBy, includes, map, reverse, sortBy, toLower, } from "lodash";
+import LoadMoreItems from "../common/LoadMoreItems";
+import FolderMenuOptions from "./FolderMenuOptions";
+import { Image, Tooltip } from "antd";
+import dayjs from "dayjs";
+import isToday from "dayjs/plugin/isToday";
+import isYesterday from "dayjs/plugin/isYesterday";
+import { getFileOrFolderIcon } from "../common/folders/getFolderOrFileIcon";
+import { formatBytes } from "../hocs/helpers";
+import { FETCH_ENTITY_SCREEN, SUBFOLDERS_SCREEN, } from "../utilities/constants/routes";
+import RenderThumbnail from "../common/RenderThumnail";
+import FileMenuOptions from "./FileMenuOptions";
+import ActionsBar from "./ActionBar";
+import { useMemo, useRef, useState } from "react";
+import FileDetails from "./fileDetails/FileDetails";
+import { GrInProgress } from "react-icons/gr";
+import useAppNavigate from "../utilities/useAppNavigate";
+import useAppParams from "../utilities/useAppParams";
+import { ArrowDownOutlined, ArrowUpOutlined } from "@ant-design/icons";
+import { FaSort } from "react-icons/fa";
+import { LuFilterX } from "react-icons/lu";
+import SearchFilter from "./SearchFilter";
+import { useTheme } from "../hocs/ThemeContext";
+dayjs.extend(isToday);
+dayjs.extend(isYesterday);
+const ClearFilterIcon = LuFilterX;
+const IconInprogress = GrInProgress;
+const FaSortIcon = FaSort;
+const formatGroupDate = (date) => {
+    const d = dayjs(date);
+    if (d.isToday())
+        return "Today";
+    if (d.isYesterday())
+        return "Yesterday";
+    return d.format(LIST_VIEW_DATE_FORMAT);
+};
+const FolderListView = ({ folders, foldersFetching, hasNextPage, fetchNextPage, selectedFileIds, selectedFolderIds, setSelectedItems, isImagePicker, setSelectedFile, setParentFolderId, selectedPickerFile, location, assets, sortByKey, sortOrder, setSortOrders, onSearch, searchKey, searchValue, metadataKey, metadataValue, }) => {
+    const navigate = useAppNavigate();
+    const [state, setState] = useState({
+        selectedFile: {},
+        showPreviewModal: false,
+    });
+    const theme = useTheme();
+    const { showPreviewModal, selectedFile } = state;
+    const { type } = useAppParams();
+    const clickTimer = useRef(null);
+    const assetIds = Array.from(new Set(folders
+        .filter((f) => get(f, "type") === EntityType.FILE)
+        .map((f) => get(f, "assetId"))
+        .filter(Boolean)));
+    // Meta fields as columns
+    const metaFields = useMemo(() => {
+        const allFields = assets
+            .filter((asset) => includes(assetIds, get(asset, "_id")))
+            .map((asset) => get(asset, "metadataFields", []))
+            .flat();
+        return allFields;
+    }, [assetIds, assets]);
+    const handleClick = (folder) => {
+        const id = get(folder, "_id");
+        const fileType = get(folder, "type", EntityType.FOLDER);
+        if (isImagePicker) {
+            if (fileType === EntityType.FILE) {
+                setSelectedFile === null || setSelectedFile === void 0 ? void 0 : setSelectedFile(folder);
+            }
+            else {
+                setParentFolderId === null || setParentFolderId === void 0 ? void 0 : setParentFolderId(id);
+            }
+        }
+        else if (type === DriveModes.FOLDERS) {
+            navigate(FETCH_ENTITY_SCREEN.replace(":id", id).replace(":type", fileType));
+        }
+        else {
+            if (clickTimer.current) {
+                clearTimeout(clickTimer.current);
+                clickTimer.current = null;
+                if (fileType === EntityType.FOLDER) {
+                    navigate(SUBFOLDERS_SCREEN.replace(":folderId", id));
+                }
+                if (fileType === EntityType.FILE && type !== DriveModes.TRASH) {
+                    setState((prevState) => (Object.assign(Object.assign({}, prevState), { selectedFile: folder, showPreviewModal: true })));
+                }
+                return;
+            }
+            clickTimer.current = setTimeout(() => {
+                if (fileType === EntityType.FILE) {
+                    const alreadySelected = includes(selectedFileIds, id);
+                    setSelectedItems({
+                        fileIds: alreadySelected
+                            ? filter(selectedFileIds, (fid) => fid !== id)
+                            : [...selectedFileIds, id],
+                    });
+                }
+                else {
+                    const alreadySelected = includes(selectedFolderIds, id);
+                    setSelectedItems({
+                        folderIds: alreadySelected
+                            ? filter(selectedFolderIds, (fid) => fid !== id)
+                            : [...selectedFolderIds, id],
+                    });
+                }
+                clickTimer.current = null;
+            }, 250);
+        }
+    };
+    const sortedFolders = useMemo(() => {
+        let result = [];
+        if (sortByKey === SortByKeys.NAME) {
+            result = sortBy(folders, (f) => toLower(get(f, "name", "")));
+        }
+        else if (sortByKey === SortByKeys.UPDATED_AT) {
+            result = sortBy(folders, (f) => moment.utc(get(f, "updatedAt")).valueOf());
+        }
+        else {
+            result = sortBy(folders, (f) => get(f, "size", ""));
+        }
+        if (sortOrder === SortOrders.DESCEND) {
+            result = reverse(result);
+        }
+        return result;
+    }, [folders, sortByKey, sortOrder]);
+    const grouped = useMemo(() => {
+        if (sortByKey === SortByKeys.NAME) {
+            return { All: sortedFolders };
+        }
+        return groupBy(sortedFolders, (folder) => formatGroupDate(get(folder, "updatedAt")));
+    }, [sortedFolders, sortByKey]);
+    return (_jsxs("div", { className: "md-lib-space-y-6 md-lib-relative ", children: [_jsxs("div", { className: "md-lib-flex md-lib-justify-between md-lib-items-center md-lib-px-2 md-lib-min-w-fit md-lib-gap-2", children: [!isImagePicker && type !== DriveModes.FOLDERS && (_jsx("div", { className: "md-lib-w-6", children: ((searchKey && searchValue) || (metadataKey && metadataValue)) && (_jsx("div", { className: "md-lib-p-1 md-lib-border md-lib-rounded md-lib-border-borderColor dark:md-lib-border-darkBorderColor md-lib-cursor-pointer", children: _jsx(Tooltip, { title: "Clear filter", children: _jsx(ClearFilterIcon, { fill: get(theme, "variables.primaryColor"), onClick: () => {
+                                        onSearch({
+                                            searchKey: "",
+                                            searchValue: "",
+                                            metadataKey: "",
+                                            metadataValue: "",
+                                        });
+                                    }, className: "md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-w-4 md-lib-h-4 " }) }) })) })), _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-2 md-lib-min-w-[280px] md-lib-font-medium md-lib-text-textColor dark:md-lib-text-darkTextColor", children: ["Name", _jsxs("span", { className: "md-lib-cursor-pointer", onClick: () => setSortOrders(SortByKeys.NAME, sortOrder === SortOrders.ASCEND
+                                    ? SortOrders.DESCEND
+                                    : SortOrders.ASCEND), children: [sortByKey === SortByKeys.NAME &&
+                                        (sortOrder === SortOrders.ASCEND ? (_jsx(ArrowUpOutlined, { className: "md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-w-4 md-lib-h-4" })) : (_jsx(ArrowDownOutlined, { className: "md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-w-4 md-lib-h-4" }))), sortByKey !== SortByKeys.NAME && (_jsx(FaSortIcon, { className: "md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-w-4 md-lib-h-4" }))] }), _jsx(SearchFilter, { onSearch: onSearch, type: InputTypes.TEXT, name: "name", isMetadata: false, isSelected: searchKey === "name", searchValue: searchValue })] }), _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-2 md-lib-min-w-[120px] md-lib-font-medium md-lib-text-textColor dark:md-lib-text-darkTextColor", children: ["Modified At", _jsxs("span", { className: "md-lib-cursor-pointer", onClick: () => setSortOrders(SortByKeys.UPDATED_AT, sortOrder === SortOrders.ASCEND
+                                    ? SortOrders.DESCEND
+                                    : SortOrders.ASCEND), children: [sortByKey === SortByKeys.UPDATED_AT &&
+                                        (sortOrder === SortOrders.ASCEND ? (_jsx(ArrowUpOutlined, { className: "md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-w-4 md-lib-h-4" })) : (_jsx(ArrowDownOutlined, { className: "md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-w-4 md-lib-h-4" }))), sortByKey !== SortByKeys.UPDATED_AT && (_jsx(FaSortIcon, { className: "md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-w-4 md-lib-h-4" }))] })] }), _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-2 md-lib-font-medium md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-text-sm md-lib-w-[100px] ", children: ["File size", _jsxs("span", { className: "md-lib-cursor-pointer", onClick: () => setSortOrders(SortByKeys.SIZE, sortOrder === SortOrders.ASCEND
+                                    ? SortOrders.DESCEND
+                                    : SortOrders.ASCEND), children: [sortByKey === SortByKeys.SIZE &&
+                                        (sortOrder === SortOrders.ASCEND ? (_jsx(ArrowUpOutlined, { className: "md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-w-4 md-lib-h-4" })) : (_jsx(ArrowDownOutlined, { className: "md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-w-4 md-lib-h-4" }))), sortByKey !== SortByKeys.SIZE && (_jsx(FaSortIcon, { className: "md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-w-4 md-lib-h-4" }))] })] }), _jsxs("div", { className: "md-lib-font-medium md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-flex md-lib-items-center md-lib-gap-1 md-lib-text-sm md-lib-w-[100px] ", children: ["File type", _jsx(SearchFilter, { onSearch: onSearch, type: InputTypes.TEXT, name: "extensionType", isMetadata: false, isSelected: searchKey === "extensionType", searchValue: searchValue })] }), _jsxs("div", { className: "md-lib-font-medium md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-flex md-lib-items-center md-lib-gap-1 md-lib-text-sm md-lib-w-[120px] ", children: ["Asset Template", _jsx(SearchFilter, { onSearch: onSearch, type: InputTypes.TEXT, name: "assetName", isMetadata: false, isSelected: searchKey === "assetName", searchValue: searchValue })] }), metaFields.map((field) => {
+                        return (_jsxs("div", { className: "md-lib-font-medium md-lib-block md-lib-truncate md-lib-text-textColor md-lib-gap-2 md-lib-flex md-lib-items-center md-lib-gap-1 dark:md-lib-text-darkTextColor md-lib-text-sm md-lib-w-[120px] ", children: [field.name, _jsx(SearchFilter, { onSearch: onSearch, type: field.defaultName, name: field._id, isMetadata: true, isSelected: metadataKey === field._id, searchValue: metadataValue })] }));
+                    })] }), map(grouped, (folderGroup, dateLabel) => (_jsxs("div", { children: [_jsx("div", { className: "md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-font-semibold md-lib-text-sm md-lib-mb-2 md-lib-px-2", children: dateLabel }), _jsx("div", { children: map(folderGroup, (folder) => {
+                            var _a;
+                            const name = get(folder, "name", "N/A");
+                            const updatedAt = get(folder, "updatedAt");
+                            const id = get(folder, "_id");
+                            const fileType = get(folder, "type");
+                            const isSelected = (fileType === EntityType.FILE &&
+                                includes(selectedFileIds, id)) ||
+                                (fileType === EntityType.FOLDER &&
+                                    includes(selectedFolderIds, id)) ||
+                                get(selectedPickerFile, "_id") === id;
+                            const currentAsset = assets.find((asset) => asset._id === get(folder, "assetId"));
+                            return (_jsxs("div", { onClick: () => handleClick(folder), className: `md-lib-flex md-lib-justify-between md-lib-gap-2 md-lib-items-center md-lib-min-w-fit md-lib-py-3 md-lib-px-2 md-lib-rounded-xl md-lib-cursor-pointer hover:md-lib-bg-borderColor dark:hover:md-lib-bg-darkSecondaryBg ${isSelected
+                                    ? "md-lib-bg-borderColor dark:md-lib-bg-darkSecondaryBg"
+                                    : ""}`, children: [" ", !isImagePicker && type !== DriveModes.FOLDERS && (_jsx("div", { className: "md-lib-w-6", onClick: (e) => e.stopPropagation(), children: get(folder, "type") === EntityType.FILE ? (get(folder, "fileUploadStatus") ===
+                                            ThumbnailStatus.PENDING ? (_jsx(_Fragment, {})) : (_jsx(FileMenuOptions, { file: folder }))) : (_jsx(FolderMenuOptions, { folder: folder })) })), _jsx("div", { className: "md-lib-flex md-lib-items-center md-lib-justify-between md-lib-w-[280px] md-lib-text-[15px] md-lib-text-textColor dark:md-lib-text-darkTextColor", title: name, children: _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-2 md-lib-overflow-hidden", children: [_jsx("div", { children: get(folder, "type") === EntityType.FILE ? (get(folder, "fileUploadStatus") ===
+                                                        ThumbnailStatus.PENDING ? (
+                                                    // <IconInprogress className="text-imagesColor text-[20px]" />
+                                                    _jsx(Image, { src: UPLOAD_FILE_IN_PROGRESS_WHITE_IMAGE, width: 20, height: 20 })) : (_jsx(RenderThumbnail, { url: get(folder, "thumbnailUrl"), alt: get(folder, "name", "N/A") }))) : (getFileOrFolderIcon(get(folder, "type", EntityType.FOLDER), get(folder, "mimetype"))) }), _jsx("span", { className: "md-lib-truncate md-lib-w-[calc(100%-5px)]", title: name, children: name })] }) }), _jsx("div", { className: "md-lib-text-xs md-lib-text-secondaryTextColor md-lib-w-[120px] dark:md-lib-text-darkSecondaryTextColor md-lib-whitespace-nowrap md-lib-pl-4", children: updatedAt
+                                            ? moment
+                                                .utc(updatedAt)
+                                                .tz(LOCAL_TIMEZONE)
+                                                .format(LIST_VIEW_DATE_FORMAT)
+                                            : "—" }), _jsx("div", { className: "md-lib-text-sm md-lib-text-secondaryTextColor dark:md-lib-text-darkSecondaryTextColor md-lib-w-[100px] ", children: get(folder, "type") === EntityType.FILE
+                                            ? formatBytes(get(folder, "size", 0))
+                                            : "-" }), _jsx("div", { className: "md-lib-text-sm md-lib-text-secondaryTextColor dark:md-lib-text-darkSecondaryTextColor md-lib-w-[100px] ", children: ((_a = get(folder, "extensionType", "").split(".")) === null || _a === void 0 ? void 0 : _a[1]) || "-" }), _jsx("div", { className: "md-lib-text-sm md-lib-text-secondaryTextColor dark:md-lib-text-darkSecondaryTextColor md-lib-w-[120px]", title: get(folder, "type") === EntityType.FILE
+                                            ? currentAsset === null || currentAsset === void 0 ? void 0 : currentAsset.name
+                                            : "-", children: get(folder, "type") === EntityType.FILE
+                                            ? currentAsset === null || currentAsset === void 0 ? void 0 : currentAsset.name
+                                            : "-" }), metaFields.map((field) => {
+                                        const value = get(folder, `metadata.${field._id}`);
+                                        return (_jsx("div", { title: value || "-", className: "md-lib-text-secondaryTextColor dark:md-lib-text-darkTextColor md-lib-block md-lib-truncate md-lib-text-sm md-lib-w-[120px] md-lib-gap-2", children: value || "-" }));
+                                    })] }, get(folder, "_id", name)));
+                        }) })] }, dateLabel))), _jsx(LoadMoreItems, { hasNextPage: hasNextPage, isItemsFetching: foldersFetching, fetchNextPage: fetchNextPage }), (!!get(selectedFileIds, "length") ||
+                !!get(selectedFolderIds, "length")) && (_jsx(ActionsBar, { fileIds: selectedFileIds, folderIds: selectedFolderIds, onCloseSelection: () => setSelectedItems({ fileIds: [], folderIds: [] }) })), showPreviewModal && (_jsx(FileDetails, { open: showPreviewModal, handleClose: () => {
+                    setState((prevState) => (Object.assign(Object.assign({}, prevState), { showPreviewModal: false, selectedFile: {} })));
+                }, file: selectedFile }))] }));
+};
+export default FolderListView;

package/build/MyDrive/FolderMenuOptions.d.ts

@@ -0,0 +1,5 @@
+import { FileEntity, FolderEntity } from "../utilities/constants/interface";
+declare function FolderMenuOptions({ folder }: {
+    folder: FolderEntity & FileEntity;
+}): JSX.Element;
+export default FolderMenuOptions;

package/build/MyDrive/FolderMenuOptions.js

@@ -0,0 +1,350 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dropdown } from "antd";
+import { BsThreeDotsVertical } from "react-icons/bs";
+import { EditOutlined, DeleteOutlined, DownloadOutlined, UserAddOutlined, InfoCircleOutlined, } from "@ant-design/icons";
+import { IoArchiveOutline, IoDuplicateOutline } from "react-icons/io5";
+import { useMemo, useState } from "react";
+import { DriveModes, NotificationStatus, } from "../utilities/constants/interface";
+import { DeleteConfirmationModal } from "../common/CustomElements";
+import { ADDED_TO_FAV_MSG, ARCHIVE_OK_TEXT, ARCHIVE_SUCCESS, DELETE_CONFIRMATION_MESSAGE, DELETE_MESSAGE_DESCRIPTION, DELETE_OK_TEXT, DELETE_SUCCESS, DUPLICATE_SUCCESS, INVALID_URL, REMOVED_FROM_FAV_MSG, RESTORE_SUCCESS, SOMETHING_WENT_WRONG, } from "../utilities/constants/messages";
+import { filter, get, includes } from "lodash";
+import { useMutation, useQueryClient } from "react-query";
+import { addToFavFolders, archiveFolders, deleteFolders, duplicateFolder, removeFromFavFolders, restoreFolders, unarchiveFolders, } from "../react-query/services/folder-services";
+import { showNotification } from "../common/notifications";
+import AddFolder from "./AddFolder";
+import { updateFoldersCacheOnDeleteFolder } from "../react-query/hooks/folder-hooks";
+import { generateFoldersQueryKey, invalidateData, } from "../utilities/constants/queryKeys";
+import CustomLoader from "../common/loader/CustomLoader";
+import { MdDriveFileMoveOutline, MdOutlineUnarchive } from "react-icons/md";
+import { TbStar, TbStarOff } from "react-icons/tb";
+import MoveToAnotherFolder from "./files/MoveToAnotherFolder";
+import { AllowedFolderActions, FileActionsList, MyDriveFolderActions, } from "../hocs/appConstants";
+import { downloadFiles } from "../react-query/services/file-services";
+import InviteTeamModal from "../settings/InviteTeamModal";
+import { FETCH_ENTITY_SCREEN } from "../utilities/constants/routes";
+import ManageFile from "./fileDetails/ManageFile";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { createApiClient } from "../hocs/configureAxios";
+import useAppParams from "../utilities/useAppParams";
+import FileDownloadHistory from "./FileDownloadHistory";
+import { AiOutlineHistory } from "react-icons/ai";
+const TbStarOffIcon = TbStarOff;
+const MdOutlineUnarchiveIcon = MdOutlineUnarchive;
+const TbStarIcon = TbStar;
+const IoDuplicateOutlineIcon = IoDuplicateOutline;
+const MdDriveFileMoveOutlineIcon = MdDriveFileMoveOutline;
+const IoArchiveOutlineIcon = IoArchiveOutline;
+const BsThreeDotsVerticalIcon = BsThreeDotsVertical;
+const AiOutlineHistoryIcon = AiOutlineHistory;
+function FolderMenuOptions({ folder }) {
+    const { folderId, type } = useAppParams();
+    const damConfig = useDamConfig();
+    const { rootFolderId, appType, isAdmin } = damConfig;
+    const queryClient = useQueryClient();
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const [state, setState] = useState({
+        actionType: "",
+        showConfirmModal: false,
+        showUpdateModal: false,
+        showMoveFolder: false,
+        showShareModal: false,
+        showFileAccess: false,
+        showLogs: false,
+    });
+    const { showConfirmModal, actionType, showUpdateModal, showMoveFolder, showShareModal, showFileAccess, showLogs, } = state;
+    const toggleLogsModal = () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { showLogs: !prevState.showLogs })));
+    const toggleFileAccess = () => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { showFileAccess: !prevState.showFileAccess })));
+    };
+    const link = useMemo(() => {
+        return (`${appType == "reactJs"
+            ? process.env.REACT_APP_MIXDRIVE_SITE_URL
+            : process.env.NEXT_PUBLIC_MIXDRIVE_SITE_URL}` +
+            FETCH_ENTITY_SCREEN.replace(":type", DriveModes.FOLDERS).replace(":id", get(folder, "_id")));
+    }, [folder]);
+    const toggleShareModal = () => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { showShareModal: !prevState.showShareModal })));
+    };
+    const toggleShowMoveFolder = () => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { showMoveFolder: !prevState.showMoveFolder })));
+    };
+    const toggleConfirmPopup = (actionType = "") => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { actionType, showConfirmModal: !prevState.showConfirmModal })));
+    };
+    const toggleUpdateModal = () => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { showUpdateModal: !prevState.showUpdateModal })));
+    };
+    const onFailure = (message) => {
+        showNotification(message, NotificationStatus.ERROR);
+    };
+    const onDeleteSuccess = (message) => {
+        updateFoldersCacheOnDeleteFolder(queryClient, folderId ? folderId : rootFolderId, get(folder, "_id"), generateFoldersQueryKey(type));
+        showNotification(message, NotificationStatus.SUCCESS);
+    };
+    const deleteFolderMutation = useMutation({
+        mutationFn: deleteFolders,
+        onSuccess: (response) => {
+            toggleConfirmPopup();
+            onDeleteSuccess(get(response, "data.message", DELETE_SUCCESS));
+        },
+        onError: (error) => {
+            onFailure(get(error, "message", SOMETHING_WENT_WRONG));
+        },
+    });
+    const onDeleteFolder = () => {
+        deleteFolderMutation.mutate({
+            folderIds: [get(folder, "_id")],
+            api,
+        });
+    };
+    const archiveFolderMutation = useMutation({
+        mutationFn: archiveFolders,
+        onSuccess: (response) => {
+            toggleConfirmPopup();
+            onDeleteSuccess(get(response, "data.message", ARCHIVE_SUCCESS));
+        },
+        onError: (error) => {
+            onFailure(get(error, "message", SOMETHING_WENT_WRONG));
+        },
+    });
+    const onArchiveFolder = () => {
+        archiveFolderMutation.mutate({
+            folderIds: [get(folder, "_id")],
+            api,
+        });
+    };
+    const duplicateFolderMutation = useMutation({
+        mutationFn: duplicateFolder,
+        onSuccess: (response) => {
+            invalidateData(queryClient, generateFoldersQueryKey(type), folderId ? folderId : rootFolderId);
+            showNotification(get(response, "data.message", DUPLICATE_SUCCESS), NotificationStatus.SUCCESS);
+        },
+        onError: (error) => {
+            onFailure(get(error, "message", SOMETHING_WENT_WRONG));
+        },
+    });
+    const onDuplicateFolder = () => {
+        duplicateFolderMutation.mutate({
+            folderId: get(folder, "_id"),
+            api,
+        });
+    };
+    const restoreFolderMutation = useMutation({
+        mutationFn: restoreFolders,
+        onSuccess: (response) => {
+            onDeleteSuccess(get(response, "data.message", RESTORE_SUCCESS));
+        },
+        onError: (error) => {
+            onFailure(get(error, "message", SOMETHING_WENT_WRONG));
+        },
+    });
+    const onRestoreFolder = () => {
+        restoreFolderMutation.mutate({
+            folderIds: [get(folder, "_id")],
+            api,
+        });
+    };
+    const unarchiveFolderMutation = useMutation({
+        mutationFn: unarchiveFolders,
+        onSuccess: (response) => {
+            onDeleteSuccess(get(response, "data.message", RESTORE_SUCCESS));
+        },
+        onError: (error) => {
+            onFailure(get(error, "message", SOMETHING_WENT_WRONG));
+        },
+    });
+    const onUnArchiveFolder = () => {
+        unarchiveFolderMutation.mutate({
+            folderIds: [get(folder, "_id")],
+            api,
+        });
+    };
+    const onFavSuccess = (message) => {
+        invalidateData(queryClient, generateFoldersQueryKey(type), folderId ? folderId : rootFolderId);
+        showNotification(message, NotificationStatus.SUCCESS);
+    };
+    const favouriteFolderMutation = useMutation({
+        mutationFn: addToFavFolders,
+        onSuccess: (response) => {
+            onFavSuccess(get(response, "data.message", ADDED_TO_FAV_MSG));
+        },
+        onError: (error) => {
+            onFailure(get(error, "message", SOMETHING_WENT_WRONG));
+        },
+    });
+    const onFavouriteFolder = () => {
+        favouriteFolderMutation.mutate({
+            payload: {
+                folderIds: [get(folder, "_id")],
+                fileIds: [],
+            },
+            api,
+        });
+    };
+    const removeFavFolderMutation = useMutation({
+        mutationFn: removeFromFavFolders,
+        onSuccess: (response) => {
+            onFavSuccess(get(response, "data.message", REMOVED_FROM_FAV_MSG));
+        },
+        onError: (error) => {
+            onFailure(get(error, "message", SOMETHING_WENT_WRONG));
+        },
+    });
+    const onUnStarFolder = () => {
+        removeFavFolderMutation.mutate({
+            payload: {
+                folderIds: [get(folder, "_id")],
+                fileIds: [],
+            },
+            api,
+        });
+    };
+    const downloadFolderMutation = useMutation({
+        mutationFn: downloadFiles,
+        onSuccess: (response) => {
+            const url = get(response, "data");
+            if (url) {
+                window.open(url, "_blank");
+            }
+            else {
+                onFailure(INVALID_URL);
+            }
+        },
+        onError: (error) => {
+            onFailure(get(error, "message", SOMETHING_WENT_WRONG));
+        },
+    });
+    const onDownloadFile = () => {
+        downloadFolderMutation.mutate({
+            folderIds: [get(folder, "_id")],
+            fileIds: [],
+            api,
+        });
+    };
+    const favItems = [
+        {
+            key: FileActionsList.UNSTAR,
+            label: "Unstar",
+            icon: removeFavFolderMutation.isLoading ? (_jsx(CustomLoader, {})) : (_jsx(TbStarOffIcon, {})),
+            onClick: () => onUnStarFolder(),
+        },
+    ];
+    const archiveItems = [
+        {
+            key: FileActionsList.UNARCHIVE,
+            label: "Unarchive",
+            icon: unarchiveFolderMutation.isLoading ? (_jsx(CustomLoader, {})) : (_jsx(MdOutlineUnarchiveIcon, {})),
+            onClick: () => onUnArchiveFolder(),
+        },
+    ];
+    const editableItems = isAdmin
+        ? [
+            {
+                key: FileActionsList.RENAME,
+                label: "Edit",
+                icon: _jsx(EditOutlined, {}),
+                onClick: () => toggleUpdateModal(),
+            },
+            // {
+            //   key: FileActionsList.COPY,
+            //   label: "Copy",
+            //   icon: <LinkOutlined />,
+            //   onClick: () => handleCopy(link!),
+            // },
+            {
+                key: FileActionsList.SHARE,
+                label: "Share",
+                icon: _jsx(UserAddOutlined, {}),
+                onClick: toggleShareModal,
+            },
+        ]
+        : [];
+    const duplicateItems = isAdmin
+        ? [
+            // {
+            //   key: FileActionsList.DUPLICATE,
+            //   label: "Duplicate",
+            //   icon: duplicateFolderMutation.isLoading ? (
+            //     <CustomLoader />
+            //   ) : (
+            //     <IoDuplicateOutlineIcon />
+            //   ),
+            //   onClick: () => onDuplicateFolder(),
+            // },
+            {
+                key: FileActionsList.DELETE,
+                label: "Delete",
+                icon: _jsx(DeleteOutlined, {}),
+                onClick: () => toggleConfirmPopup("delete"),
+            },
+            {
+                key: FileActionsList.SHOW_DOWNLOADS,
+                label: "Download history",
+                icon: _jsx(AiOutlineHistoryIcon, {}),
+                onClick: toggleLogsModal,
+            },
+        ]
+        : [];
+    const items = [
+        ...editableItems,
+        // ...(get(folder, "isFavourite") || type === DriveModes.STARRED
+        //   ? favItems
+        //   : [
+        //       {
+        //         key: FileActionsList.STAR,
+        //         label: "Add to starred",
+        //         icon: favouriteFolderMutation.isLoading ? (
+        //           <CustomLoader />
+        //         ) : (
+        //           <TbStarIcon />
+        //         ),
+        //         onClick: () => onFavouriteFolder(),
+        //       },
+        //     ]),
+        {
+            key: FileActionsList.DOWNLOAD,
+            label: "Download",
+            icon: downloadFolderMutation.isLoading ? (_jsx(CustomLoader, {})) : (_jsx(DownloadOutlined, {})),
+            onClick: onDownloadFile,
+        },
+        ...duplicateItems,
+        // {
+        //   key: FileActionsList.MOVE,
+        //   label: "Move",
+        //   icon: <MdDriveFileMoveOutlineIcon />,
+        //   onClick: () => toggleShowMoveFolder(),
+        // },
+        // ...(get(folder, "isFavourite") || type === DriveModes.ARCHIVES
+        //   ? archiveItems
+        //   : [
+        //       {
+        //         key: FileActionsList.ARCHIVE,
+        //         label: "Archive",
+        //         icon: <IoArchiveOutlineIcon />,
+        //         onClick: () => toggleConfirmPopup("archive"),
+        //       },
+        //     ]),
+        {
+            key: FileActionsList.FILE_INFO,
+            label: "File information",
+            icon: _jsx(InfoCircleOutlined, {}),
+            onClick: toggleFileAccess,
+        },
+        // {
+        //   key: FileActionsList.RESTORE,
+        //   label: "Restore",
+        //   icon: restoreFolderMutation.isLoading ? (
+        //     <CustomLoader />
+        //   ) : (
+        //     <RedoOutlined />
+        //   ),
+        //   onClick: () => onRestoreFolder(),
+        // },
+    ];
+    const filterActions = (menuItems, allowedActions = MyDriveFolderActions) => filter(menuItems, (item) => includes(allowedActions, item === null || item === void 0 ? void 0 : item.key));
+    const currentMenuItems = useMemo(() => {
+        return filterActions(items, get(AllowedFolderActions, type));
+    }, [type, items]);
+    return (_jsxs(_Fragment, { children: [_jsx(Dropdown, { menu: { items: currentMenuItems }, trigger: ["click"], children: _jsx(BsThreeDotsVerticalIcon, { size: 20, className: "md-lib-cursor-pointer", onClick: (e) => e.stopPropagation() }) }), _jsx(DeleteConfirmationModal, { showDeleteModal: showConfirmModal, toggleDeleteModal: toggleConfirmPopup, icon: actionType === "archive" ? (_jsx(IoArchiveOutlineIcon, {})) : (_jsx(DeleteOutlined, {})), okText: actionType === "archive" ? ARCHIVE_OK_TEXT : DELETE_OK_TEXT, description: DELETE_CONFIRMATION_MESSAGE.replace(":action", actionType).replace(":entity", get(folder, "name", "this folder")), subHeading: actionType === "archive" ? "" : DELETE_MESSAGE_DESCRIPTION, onOk: actionType === "archive" ? onArchiveFolder : onDeleteFolder, loading: deleteFolderMutation.isLoading || archiveFolderMutation.isLoading }), _jsx(AddFolder, { open: showUpdateModal, handleCancel: toggleUpdateModal, folder: folder }), showMoveFolder && (_jsx(MoveToAnotherFolder, { open: showMoveFolder, handleCancel: toggleShowMoveFolder, folderIds: [get(folder, "_id")], entity: folder })), showShareModal && (_jsx(InviteTeamModal, { open: showShareModal, onClose: toggleShareModal, onFetchInvitations: () => { }, shareModal: true, fileIds: [], folderIds: [get(folder, "_id")], inviteType: DriveModes.FOLDERS, file: folder })), showFileAccess && folder && (_jsx(ManageFile, { open: showFileAccess, onClose: toggleFileAccess, file: folder })), showLogs && (_jsx(FileDownloadHistory, { file: folder, open: showLogs, onClose: toggleLogsModal }))] }));
+}
+export default FolderMenuOptions;

package/build/MyDrive/FolderTree.d.ts

@@ -0,0 +1,8 @@
+export type FolderTypes = {
+    _id: string;
+    name: string;
+    hasSubFolders?: boolean;
+    children?: FolderTypes[] | FolderTypes;
+};
+declare function FolderTree({ currentRootId, expandedKeys, selectedKeys, handleExpand, setSelectedKeys, folders, setFolders, setExpandedKeys, setGlobalSearch, globalSearch, }: any): JSX.Element;
+export default FolderTree;