@bindu-dashing/dam-solution-v2 5.8.6

package/build/MyDrive/DriveContainer.js

@@ -0,0 +1,276 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import _, { filter, first, flatMap, get, includes, isEmpty, merge, } from "lodash";
+import FolderListView from "./FolderListView";
+import FolderGridView from "./FolderGridView";
+import TypeAndDateFilters from "../common/folders/TypeAndDateFilters";
+import { Button, Input, Upload } from "antd";
+import { addQueryParams, getDateRangeFromKey } from "../hocs/helpers";
+import { useFolders } from "../react-query/services/folder-services";
+import { DEFAULT_PAGE } from "../hocs/appConstants";
+import Loader from "../common/loader/loader";
+import ToggleView from "./ToggleView";
+import AddDrive from "./AddDrive";
+import BreadCrumbList from "./BreadCrumbList";
+import { SOMETHING_WENT_WRONG } from "../utilities/constants/messages";
+import { DriveModes, EntityType, NotificationStatus, SortByKeys, SortOrders, } from "../utilities/constants/interface";
+import { generateFoldersQueryKey } from "../utilities/constants/queryKeys";
+import CustomButton from "../common/Button";
+import { BsUpload } from "react-icons/bs";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { createApiClient } from "../hocs/configureAxios";
+import { NOT_FOUND_IMAGE_URL } from "../utilities/constants/imageUrls";
+import ImagePickerBreadCrumbList from "./ImagePickerBreadCrumbList";
+import { FETCH_ASSETS_URL, FETCH_IMAGE_PCIKER_THUMBNAIL_URL, UPLOAD_IMAGE_PICKER_LOCAL_FILE_URL, } from "../utilities/constants/apiUrls";
+import { showNotification } from "../common/notifications";
+import useAppParams from "../utilities/useAppParams";
+import { IoIosSearch } from "react-icons/io";
+const BsUploadIcon = BsUpload;
+const IoIosSearchIcon = IoIosSearch;
+function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pickerFolderId, selectedPickerFile, imagePicker, globalSearch, setGlobalSearch, }) {
+    const damConfig = useDamConfig();
+    const { rootFolderId, brand, isAdmin } = damConfig;
+    const brandId = get(brand, "_id");
+    const { folderId, type, id } = useAppParams();
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const [state, setState] = useState({
+        selectedType: "",
+        selectedDateKey: "",
+        showGrid: false,
+        loadingType: "",
+        selectedItems: {},
+        assets: [],
+        sortBy: SortByKeys.UPDATED_AT,
+        sortOrder: SortOrders.DESCEND,
+        searchKey: "",
+        searchValue: "",
+        metadataKey: "",
+        metadataValue: "",
+        folderSearch: "",
+    });
+    const { selectedType, selectedDateKey, showGrid, loadingType, selectedItems, assets, sortBy, sortOrder, searchKey, searchValue, metadataKey, metadataValue, folderSearch, } = state;
+    const nameSearchRef = useRef();
+    const getSearchParams = () => {
+        const params = {};
+        if (searchKey === "name") {
+            params["search"] = searchValue;
+        }
+        else if (searchKey === "extensionType") {
+            params["extensionType"] = searchValue;
+        }
+        else if (searchKey === "assetName") {
+            params["assetName"] = searchValue;
+        }
+        return params;
+    };
+    const { data: foldersPaginatedData, isLoading, hasNextPage, fetchNextPage, refetch, isFetching, error, } = useFolders(api, generateFoldersQueryKey(type), merge({}, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ page: DEFAULT_PAGE }, (type ? { category: type } : {})), (!!imagePicker
+        ? {
+            includeSubFolders: get(imagePicker, "includeSubFolders", true),
+            teamVisibility: get(imagePicker, "teamVisibility", true),
+        }
+        : {})), (!!searchKey && !!searchValue ? getSearchParams() : {})), (!!metadataKey && !!metadataValue
+        ? { metadataKey: metadataKey, metadataValue: metadataValue }
+        : {})), (!!folderSearch ? { name: folderSearch } : {})), (!!globalSearch && (folderId === rootFolderId || !folderId)
+        ? { globalSearch }
+        : {})), { sortBy: sortBy, sortOrder: sortOrder }), Object.assign(Object.assign({}, getDateRangeFromKey(selectedDateKey)), (!!selectedType ? { type: selectedType } : {}))), folderId
+        ? folderId
+        : parentFolderId
+            ? parentFolderId
+            : id
+                ? id
+                : rootFolderId);
+    useEffect(() => {
+        if (typeof window !== "undefined") {
+            const isMobile = window.innerWidth < 768;
+            if (isMobile) {
+                setState((prev) => (Object.assign(Object.assign({}, prev), { showGrid: true })));
+            }
+        }
+    }, []);
+    const folders = useMemo(() => {
+        return !!foldersPaginatedData
+            ? flatMap(get(foldersPaginatedData, "pages"), "folders")
+            : [];
+    }, [foldersPaginatedData]);
+    const onDateMenuClick = ({ key }) => {
+        const { startDate, endDate } = getDateRangeFromKey(key);
+        setState((prev) => (Object.assign(Object.assign({}, prev), { selectedDateKey: key, customDateRange: null, loadingType: "date" })));
+    };
+    const onTypeMenuClick = ({ key }) => {
+        setState((prev) => (Object.assign(Object.assign({}, prev), { selectedType: key, loadingType: "type" })));
+    };
+    const prevDateKeyRef = useRef();
+    const prevTypeKeyRef = useRef();
+    const prevParentRef = useRef();
+    const prevSortByKeyRef = useRef();
+    const prevSortOrderRef = useRef();
+    const prevSearchValueRef = useRef();
+    const prevMetadataKeyRef = useRef();
+    const prevMetadataValueRef = useRef();
+    const prevFolderSearchRef = useRef();
+    const prevGlobalSearchRef = useRef();
+    useEffect(() => {
+        const prevDateKeyState = prevDateKeyRef.current;
+        const prevTypeKeyState = prevTypeKeyRef.current;
+        const prevSortByKeyState = prevSortByKeyRef.current;
+        const prevSortOrderState = prevSortOrderRef.current;
+        const prevSearchValueState = prevSearchValueRef.current;
+        const prevMetadataKeyState = prevMetadataKeyRef.current;
+        const prevMetadataValueState = prevMetadataValueRef.current;
+        const prevFolderSearchState = prevFolderSearchRef.current;
+        const prevGlobalSearchState = prevGlobalSearchRef.current;
+        const shouldRefetch = selectedDateKey !== prevDateKeyState ||
+            selectedType !== prevTypeKeyState ||
+            sortBy !== prevSortByKeyState ||
+            sortOrder !== prevSortOrderState ||
+            searchValue !== prevSearchValueState ||
+            metadataKey !== prevMetadataKeyState ||
+            metadataValue !== prevMetadataValueState ||
+            folderSearch !== prevFolderSearchState ||
+            globalSearch !== prevGlobalSearchState;
+        if (shouldRefetch) {
+            refetch();
+        }
+        prevDateKeyRef.current = selectedDateKey;
+        prevTypeKeyRef.current = selectedType;
+        prevSortByKeyRef.current = sortBy;
+        prevSortOrderRef.current = sortOrder;
+        prevSearchValueRef.current = searchValue;
+        prevMetadataKeyRef.current = metadataKey;
+        prevMetadataValueRef.current = metadataValue;
+        prevFolderSearchRef.current = folderSearch;
+        prevGlobalSearchRef.current = globalSearch;
+    }, [
+        selectedDateKey,
+        selectedType,
+        sortBy,
+        sortOrder,
+        searchValue,
+        metadataKey,
+        metadataValue,
+        folderSearch,
+        globalSearch,
+    ]);
+    const parentFolder = useMemo(() => get(first(get(foldersPaginatedData, "pages", [])), "folder", {}), [foldersPaginatedData]);
+    const onSelectNewFile = (file) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            setState((prevState) => {
+                return Object.assign(Object.assign({}, prevState), { loadingType: "NEW_FILE_UPLOAD" });
+            });
+            const response = yield api.post(UPLOAD_IMAGE_PICKER_LOCAL_FILE_URL, {
+                brandId,
+                folderId: folderId || rootFolderId,
+                name: file.name,
+                size: file.size,
+            });
+            // console.log(response);
+            const [name, extension] = file.name.split(".");
+            const filePath = get(response, "data.filePath");
+            const url = get(response, "data.url");
+            fetch(url, {
+                method: "PUT",
+                body: file,
+            })
+                .then((response) => __awaiter(this, void 0, void 0, function* () {
+                // setSelectedFile()
+                const fileResponse = yield api.post(FETCH_IMAGE_PCIKER_THUMBNAIL_URL, {
+                    brandId,
+                    folderId: folderId || rootFolderId,
+                    name: file.name,
+                    mimetype: `image/${extension}`,
+                    s3Path: filePath,
+                });
+                // console.log(fileResponse);
+                if (setSelectedFile) {
+                    setSelectedFile(fileResponse === null || fileResponse === void 0 ? void 0 : fileResponse.data, true);
+                }
+            }))
+                .catch((err) => {
+                console.log(err);
+                setState((prevState) => {
+                    return Object.assign(Object.assign({}, prevState), { loadingType: "" });
+                });
+                showNotification(get(err, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+            });
+        }
+        catch (error) {
+            console.error("Error uploading file:", error);
+        }
+        finally {
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { loadingType: "" })));
+        }
+    });
+    useEffect(() => {
+        if (brandId) {
+            fetchAssets();
+        }
+    }, [brandId]);
+    const fetchAssets = () => __awaiter(this, void 0, void 0, function* () {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { assetsLoading: true })));
+        try {
+            const response = yield api.get(`${FETCH_ASSETS_URL.replace(":brandId", brandId)}?${addQueryParams({
+                isActive: true,
+                isPagination: false,
+            })}`);
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { assets: get(response, "data.data", []) })));
+        }
+        catch (error) {
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { assets: [] })));
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+        }
+    });
+    const onSearch = (filters) => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), filters)));
+    };
+    // console.log("search", searchKey, searchValue, metadataKey, metadataValue);
+    return (_jsxs("div", { className: "md-lib-h-[inherit]", children: [type !== DriveModes.FILE && (_jsx(_Fragment, { children: _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-px-4 md-lib-h-20 md-lib-justify-between md-lib-border-b md-lib-border-borderColor dark:md-lib-border-darkBorderColor md-lib-mb-4", children: [imagePicker ? (_jsx(ImagePickerBreadCrumbList, { folder: parentFolder, parentFolderId: parentFolderId, setParentFolderId: setParentFolderId, pickerFolderId: pickerFolderId })) : (_jsx(_Fragment, { children: _jsx(BreadCrumbList, { folder: parentFolder, parentFolderId: parentFolderId, setParentFolderId: setParentFolderId, pickerFolderId: pickerFolderId, globalSearch: globalSearch }) })), !parentFolderId && isAdmin && _jsx(AddDrive, {}), get(imagePicker, "allowNewFiles") && (_jsx(Upload, { beforeUpload: (file) => {
+                                onSelectNewFile(file);
+                            }, showUploadList: false, accept: "image/*", children: _jsx(CustomButton, { loading: loadingType === "NEW_FILE_UPLOAD", label: "Select File", icon: _jsx(BsUploadIcon, {}) }) }))] }) })), _jsxs("div", { className: `md-lib-px-4 md-lib-border-borderColor dark:md-lib-border-darkBorderColor md-lib-flex ${!includes([DriveModes.FOLDERS, DriveModes.FILE], type)
+                    ? "md-lib-justify-between"
+                    : "md-lib-justify-end md-lib-my-4"}`, children: [_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-4 md-lib-mb-4", children: [_jsx(Input, { placeholder: "Search files (min. 2 characters required)", ref: nameSearchRef, prefix: _jsx(IoIosSearchIcon, {}), onPressEnter: () => {
+                                    var _a;
+                                    const currentObj = nameSearchRef.current;
+                                    if (currentObj) {
+                                        const value = ((_a = currentObj === null || currentObj === void 0 ? void 0 : currentObj.input) === null || _a === void 0 ? void 0 : _a.value) || "";
+                                        if (value.length >= 2 || !value) {
+                                            setState((prevState) => {
+                                                return Object.assign(Object.assign({}, prevState), { folderSearch: value });
+                                            });
+                                        }
+                                    }
+                                } }), !includes([DriveModes.FOLDERS, DriveModes.FILE], type) && (_jsx(TypeAndDateFilters, { selectedDateKey: selectedDateKey, selectedType: selectedType, onDateMenuClick: onDateMenuClick, onTypeMenuClick: onTypeMenuClick, onChangeDates: (dates) => {
+                                    if (dates) {
+                                        const [start, end] = dates;
+                                        setState((prev) => (Object.assign(Object.assign({}, prev), { customDateRange: dates, selectedDateKey: "custom" })));
+                                    }
+                                }, loading: isFetching, loadingType: loadingType }))] }), _jsx(ToggleView, { showGrid: showGrid, toggleView: (value) => setState((prevState) => (Object.assign(Object.assign({}, prevState), { showGrid: value }))) })] }), _jsx("div", { className: "md-lib-border-b md-lib-border-borderColor md-lib-mb-4" }), isLoading ? (_jsx(Loader, {})) : isEmpty(folders) ? (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-items-center md-lib-justify-center", children: [_jsx("img", { src: NOT_FOUND_IMAGE_URL, alt: "Not Found", width: 300, height: 300 }), _jsx("p", { className: "md-lib-mt-3 md-lib-text-sm md-lib-font-semibold", children: error
+                            ? get(error, "message", SOMETHING_WENT_WRONG)
+                            : includes(Object.values(DriveModes), type)
+                                ? "No data found"
+                                : (searchKey && searchValue) || (metadataKey && metadataValue)
+                                    ? "No results found"
+                                    : "No files has been created yet" }), ((searchKey && searchValue) || (metadataKey && metadataValue)) && (_jsx(Button, { type: "primary", className: "md-lib-mt-4", onClick: () => {
+                            onSearch({
+                                searchKey: "",
+                                searchValue: "",
+                                metadataKey: "",
+                                metadataValue: "",
+                            });
+                        }, 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) => {
+                        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 })) }))] }));
+}
+export default DriveContainer;

package/build/MyDrive/FileDownloadHistory.d.ts

@@ -0,0 +1,7 @@
+import { FileEntity, FolderEntity } from "../utilities/constants/interface";
+declare function FileDownloadHistory({ open, onClose, file, }: {
+    open: boolean;
+    onClose: () => void;
+    file: FileEntity | FolderEntity;
+}): JSX.Element;
+export default FileDownloadHistory;

package/build/MyDrive/FileDownloadHistory.js

@@ -0,0 +1,94 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NotificationStatus, } from "../utilities/constants/interface";
+import { Drawer, Table, Typography } from "antd";
+import { get } from "lodash";
+import { useEffect, useMemo, useState } from "react";
+import { showNotification } from "../common/notifications";
+import moment from "moment-timezone";
+import { RenderBrandUserAvatar } from "../common/CustomElements";
+import CustomLoader from "../common/loader/CustomLoader";
+import { FETCH_BRAND_URL, FETCH_FILE_DOWNLOAD_LOGS_URL, } from "../utilities/constants/apiUrls";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { createApiClient } from "../hocs/configureAxios";
+import { addQueryParams } from "../hocs/helpers";
+import { SOMETHING_WENT_WRONG } from "../utilities/constants/messages";
+import { APP_DATE_TIME_FORMAT, DEFAULT_PAGE, LOCAL_TIMEZONE, } from "../hocs/appConstants";
+function FileDownloadHistory({ open, onClose, file, }) {
+    const damConfig = useDamConfig();
+    const { brand } = damConfig;
+    const brandId = get(brand, "_id");
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const [state, setState] = useState({
+        loading: false,
+        logs: [],
+        currentPage: DEFAULT_PAGE,
+        totalCount: 0,
+        totalPages: 0,
+        brandUsers: [],
+    });
+    const { logs, currentPage, totalCount, totalPages, loading, brandUsers } = state;
+    const onFetchHistory = (...args_1) => __awaiter(this, [...args_1], void 0, function* (params = {}) {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: true })));
+        try {
+            const response = yield api.get(`${FETCH_FILE_DOWNLOAD_LOGS_URL}?${addQueryParams(Object.assign({ accessType: get(file, "type"), accessId: get(file, "_id") }, params))}`);
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: false, logs: get(response, "data.downloadActivity", []), totalPages: get(response, "data.totalPages", DEFAULT_PAGE), currentPage: get(response, "data.currentPage", DEFAULT_PAGE), totalCount: get(response, "data.totalCount", DEFAULT_PAGE) })));
+        }
+        catch (error) {
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: false })));
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+        }
+    });
+    useEffect(() => {
+        if (!!get(file, "_id") && !!get(file, "type")) {
+            onFetchHistory();
+            fetchBrand(brandId);
+        }
+    }, [file]);
+    function fetchBrand(brandId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const response = yield api.get(FETCH_BRAND_URL.replace(":brandId", brandId));
+                setState((prevState) => {
+                    return Object.assign(Object.assign({}, prevState), { brandUsers: get(response, "data") });
+                });
+            }
+            catch (error) {
+                throw error;
+            }
+        });
+    }
+    const columns = [
+        {
+            title: "User",
+            dataIndex: "createdBy",
+            key: "createdBy",
+            render: (createdBy) => (_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-2", children: [_jsx(RenderBrandUserAvatar, { userId: get(createdBy, "_id"), userName: get(createdBy, "name", "Unknown User"), brandId: brandId, brandUsers: brandUsers }), _jsx("span", { className: "md-lib-max-w-[200px] md-lib-truncate", title: get(createdBy, "name", "Unknown User"), children: get(createdBy, "name", "Unknown User") })] })),
+        },
+        {
+            title: "Downloaded At",
+            dataIndex: "createdAt",
+            key: "createdAt",
+            render: (createdAt) => moment.utc(createdAt).tz(LOCAL_TIMEZONE).format(APP_DATE_TIME_FORMAT),
+        },
+    ];
+    return (_jsx(Drawer, { title: _jsxs(Typography.Text, { ellipsis: {
+                tooltip: true,
+            }, style: { width: "300px" }, children: [get(file, "name"), " - Download history"] }), onClose: onClose, open: open, footer: null, children: _jsx(Table, { rowKey: "_id", dataSource: logs, columns: columns, loading: { indicator: _jsx(CustomLoader, {}), spinning: loading }, pagination: totalPages > 1
+                ? {
+                    current: currentPage,
+                    total: totalCount,
+                    showSizeChanger: false,
+                    onChange: (page) => onFetchHistory({ page }),
+                }
+                : false }) }));
+}
+export default FileDownloadHistory;

package/build/MyDrive/FileMenuOptions.d.ts

@@ -0,0 +1,11 @@
+import { FileEntity, FolderEntity } from "../utilities/constants/interface";
+declare function FileMenuOptions({ file, folderIds, fileIds, folder, onCloseSelection, readOnly, fileModal, }: {
+    file: (FileEntity & FolderEntity) | null;
+    fileIds?: string[];
+    folderIds?: string[];
+    folder?: FolderEntity | null;
+    onCloseSelection?: () => void;
+    readOnly?: boolean;
+    fileModal?: boolean;
+}): JSX.Element;
+export default FileMenuOptions;