@bindu-dashing/dam-solution 1.0.0

package/dist/Folders/filesContainer.js

@@ -0,0 +1,650 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _uploadFile = _interopRequireDefault(require("./uploadFile"));
+var _createOrUpdateFolder = _interopRequireDefault(require("./createOrUpdateFolder"));
+var _files = _interopRequireDefault(require("./files"));
+require("./style.css");
+var _bulkUploadFiles = _interopRequireDefault(require("./bulkUploadFiles"));
+var _bulkUploadUsingQueue = _interopRequireDefault(require("./bulkUploadUsingQueue"));
+var _useFetch = _interopRequireDefault(require("../hocs/useFetch"));
+var APIS = _interopRequireWildcard(require("../constants/apiEndpoints"));
+var _folderHelpers = require("../hocs/folderHelpers");
+var _lodash = require("lodash");
+var _exportFolder = _interopRequireDefault(require("./exportFolder"));
+var _bulkUpdate = _interopRequireDefault(require("./bulkUpdate"));
+const FilesContainer = _ref => {
+  let {
+    selectedKeys,
+    isImagePicker,
+    onSelect,
+    fetchFiles,
+    files,
+    setNextKey,
+    setPrevKey,
+    setPrevPrevKey,
+    setPage,
+    prevKey,
+    nextKey,
+    prevPrevKey,
+    page,
+    setFiles,
+    folders,
+    setFolders,
+    setTreeData,
+    expandedKeys,
+    setLoadingFiles,
+    searchValue,
+    teamIds,
+    isAdmin,
+    damAccessKey,
+    secretKey,
+    subdomain,
+    styles,
+    setSortBy,
+    setSortOrder,
+    sortBy,
+    sortOrder,
+    fetchFolders,
+    onSearch,
+    totalSearchedFilesCount,
+    currentPage,
+    assetTypes,
+    setView,
+    view,
+    sortOrders,
+    setSortOrders,
+    teams,
+    currentImagePicker,
+    accessToken,
+    currentUser,
+    setSelectedKeys,
+    setExpandedKeys,
+    userEmail,
+    fileSearchValue,
+    setFileSearchValue,
+    setTotalSearchedFilesCount,
+    setCurrentPage,
+    limit,
+    setSearchedFiles,
+    searchColumn,
+    setSearchColumn,
+    searchKey,
+    setSearchKey
+  } = _ref;
+  const [selectedFolderId, setSelectedFolderId] = (0, _react.useState)(null);
+  const [currentUpdatingFolderId, setCurrentUpdatingFolderId] = (0, _react.useState)(null);
+  const [showUploadFile, setShowUploadFile] = (0, _react.useState)(false);
+  const [showCreateFolder, setShowCreateFolder] = (0, _react.useState)(false);
+  const [showEditFolder, setShowEditFolder] = (0, _react.useState)(false);
+  const [folder, setFolder] = (0, _react.useState)({});
+  const [showBulkUpload, setShowBulkUpload] = (0, _react.useState)(false);
+  const [showBulkUploadUsingQueue, setShowBulkUploadUsingQueue] = (0, _react.useState)(false);
+  const [showExportAFolder, setShowExportAFolder] = (0, _react.useState)(false);
+  const {
+    fetchApi
+  } = (0, _useFetch.default)();
+  const [showBulkUpdate, setShowBulkUpdate] = (0, _react.useState)(false);
+  const items = [{
+    label: /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+      title: "Edit folder"
+    }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+      onClick: () => {
+        setShowEditFolder(true);
+        setCurrentUpdatingFolderId(selectedFolderId);
+      },
+      icon: /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, null)
+    })),
+    key: "0"
+  },
+  // {
+  //   label: (
+  //     <Tooltip title="Delete folder">
+  //       <Button
+  //         onClick={() => {
+  //           showDeleteFolderConfirmation();
+  //         }}
+  //         icon={<DeleteOutlined />}
+  //       />
+  //     </Tooltip>
+  //   ),
+  //   key: "1",
+  // },
+  {
+    label: /*#__PURE__*/_react.default.createElement(_antd.Button, {
+      type: "primary",
+      icon: /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null),
+      onClick: () => {
+        setShowCreateFolder(true);
+      },
+      style: {
+        backgroundColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor
+      }
+    }, "Add Folder"),
+    key: "2"
+  }, {
+    label: /*#__PURE__*/_react.default.createElement(_antd.Button, {
+      type: "primary",
+      icon: /*#__PURE__*/_react.default.createElement(_icons.UploadOutlined, null),
+      onClick: () => {
+        setShowUploadFile(true);
+      },
+      style: {
+        backgroundColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor
+      }
+    }, "Upload"),
+    key: "3"
+  }, {
+    label: /*#__PURE__*/_react.default.createElement(_antd.Button, {
+      type: "primary",
+      icon: /*#__PURE__*/_react.default.createElement(_icons.UploadOutlined, null),
+      onClick: () => setShowBulkUploadUsingQueue(true),
+      style: {
+        backgroundColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor
+      }
+    }, "Bulk Upload"),
+    key: "4"
+  }
+  // {
+  //   label: (
+  //     <Button type="primary" onClick={() => setShowExportAFolder(true)}>
+  //       Export a Folder
+  //     </Button>
+  //   ),
+  //   key: "5",
+  // },
+  // {
+  //   label: (
+  //     <Button type="primary" onClick={() => setShowBulkUpdate(true)}>
+  //       Bulk Update
+  //     </Button>
+  //   ),
+  //   key: "6",
+  // },
+  ];
+
+  (0, _react.useEffect)(() => {
+    if (selectedFolderId) {
+      function flattenFolders(folders) {
+        let flattenedFolders = [];
+        folders.forEach(folder => {
+          flattenedFolders.push(folder);
+          if (folder.children && folder.children.length > 0) {
+            flattenedFolders = flattenedFolders.concat(flattenFolders(folder.children));
+          }
+        });
+        return flattenedFolders;
+      }
+      const allFolders = flattenFolders(folders);
+      setFolder(allFolders === null || allFolders === void 0 ? void 0 : allFolders.find(folder => {
+        return (folder === null || folder === void 0 ? void 0 : folder.id) === selectedFolderId;
+      }));
+    }
+  }, [selectedFolderId]);
+  (0, _react.useEffect)(() => {
+    setSelectedFolderId((selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) > 0 ? selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0] : null);
+    setFolder(null);
+  }, [selectedKeys]);
+  const [deleteFolderLoading, setDeleteFolderLoading] = (0, _react.useState)(false);
+  const onChangeSort = (currentSortBy, currentSortOrder) => {
+    if (folder) {
+      if (fileSearchValue || searchKey) {
+        onSearchFiles(selectedFolderId, currentSortBy, currentSortOrder);
+      } else {
+        fetchFiles(null, selectedFolderId, currentSortBy, currentSortOrder);
+      }
+    } else {
+      onSearch(null, currentSortBy, currentSortOrder);
+    }
+  };
+  const showDeleteFolderConfirmation = () => {
+    const deleteConfirm = _antd.Modal.confirm();
+    deleteConfirm.update({
+      content: /*#__PURE__*/_react.default.createElement("span", null, "Are you sure you want to delete this Folder", " ", /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, {
+        className: "dam-delete-folder-confirm-title"
+      }, folder === null || folder === void 0 ? void 0 : folder.name), " ", "?"),
+      icon: null,
+      className: "dam-delete-folder-modal",
+      confirmLoading: deleteFolderLoading,
+      okButtonProps: {
+        danger: true,
+        type: "primary",
+        onClick: () => onDeleteFolder(deleteConfirm),
+        loading: deleteFolderLoading
+      }
+    });
+  };
+  const onDeleteFolder = deleteConfirm => {
+    setDeleteFolderLoading(true);
+    setFolders(() => {
+      return folders === null || folders === void 0 ? void 0 : folders.filter(item => (item === null || item === void 0 ? void 0 : item.id) !== (folder === null || folder === void 0 ? void 0 : folder.id));
+    });
+    fetchApi({
+      httpMethod: "delete",
+      route: APIS.DELETE_FOLDER.replace(":id", folder === null || folder === void 0 ? void 0 : folder.id),
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain,
+      onSuccess: () => {
+        setDeleteFolderLoading(false);
+        setLoadingFiles(true);
+        deleteConfirm.destroy();
+        if (folder !== null && folder !== void 0 && folder.parent_id && (folder === null || folder === void 0 ? void 0 : folder.parent_id) !== "root") {
+          fetchApi({
+            route: APIS.FETCH_FOLDERS,
+            params: {
+              parent_id: folder === null || folder === void 0 ? void 0 : folder.parent_id,
+              team_ids: JSON.stringify(teamIds),
+              is_component: true
+            },
+            httpMethod: "get",
+            onSuccess: response => {
+              setSelectedKeys(prevSelectedKeys => {
+                const filteredKeys = prevSelectedKeys === null || prevSelectedKeys === void 0 ? void 0 : prevSelectedKeys.filter(key => key !== (folder === null || folder === void 0 ? void 0 : folder.id));
+                return [...filteredKeys, folder === null || folder === void 0 ? void 0 : folder.parent_id];
+              });
+              const finalExpandedKeys = expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.filter(key => key !== (folder === null || folder === void 0 ? void 0 : folder.id));
+              setExpandedKeys(finalExpandedKeys);
+              const data = response === null || response === void 0 ? void 0 : response.data;
+              const finalFolders = (0, _folderHelpers.addFolder)(folders, folder === null || folder === void 0 ? void 0 : folder.parent_id, data);
+              setFolders(finalFolders);
+              setTreeData((0, _folderHelpers.modifyFolderNameToTitle)(finalFolders, finalExpandedKeys));
+              fetchFiles(null, folder === null || folder === void 0 ? void 0 : folder.parent_id, sortBy, sortOrder);
+            },
+            onFailure: () => {},
+            accessToken,
+            damAccessKey,
+            secretKey,
+            subdomain
+          });
+        } else {
+          fetchFolders(null, () => {
+            setSelectedKeys([]);
+            setExpandedKeys([]);
+          });
+        }
+      },
+      onFailure: () => {
+        fetchFolders(null, () => {
+          setSelectedKeys([]);
+          setExpandedKeys([]);
+        });
+      }
+    });
+  };
+  const onSearchFiles = function (selectedFolderId, currentSortBy, currentSortOrder) {
+    let page = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+    if (fileSearchValue || searchKey) {
+      setLoadingFiles(true);
+      const searchParams = {
+        search_key: searchColumn ? encodeURIComponent(searchKey) : encodeURIComponent(fileSearchValue),
+        team_ids: JSON.stringify(teamIds),
+        is_component: true,
+        sort_by: currentSortBy ? currentSortBy : sortBy,
+        sort_order: currentSortOrder ? currentSortOrder : sortOrder
+      };
+      if (searchColumn) {
+        searchParams["search_column"] = searchColumn;
+        searchParams["search_only_files"] = true;
+      }
+      if (page) {
+        searchParams["offset"] = (page - 1) * limit;
+        searchParams["limit"] = limit;
+        setCurrentPage(page);
+      } else if (currentPage) {
+        searchParams["offset"] = (currentPage - 1) * limit;
+        searchParams["limit"] = limit;
+      }
+      searchParams["folder_id_path"] = encodeURIComponent(folder === null || folder === void 0 ? void 0 : folder.folder_id_path);
+      if (isImagePicker) {
+        searchParams["folder_id_path"] = currentImagePicker === null || currentImagePicker === void 0 ? void 0 : currentImagePicker.folder_id_path;
+        searchParams["skip_team_visibility"] = currentImagePicker === null || currentImagePicker === void 0 ? void 0 : currentImagePicker.skip_team_visibility;
+        searchParams["exclude_expired_files"] = true;
+      }
+      fetchApi({
+        params: searchParams,
+        httpMethod: "get",
+        route: APIS.FOLDER_FILE_SEARCH,
+        onSuccess: response => {
+          const data = response === null || response === void 0 ? void 0 : response.data;
+          setLoadingFiles(false);
+          setFiles((0, _lodash.get)(data, "files.items"));
+          setSearchedFiles((0, _lodash.get)(data, "files.items"));
+          setTotalSearchedFilesCount((0, _lodash.get)(data, "files.total"));
+        },
+        onFailure: () => {
+          setLoadingFiles(false);
+        },
+        accessToken,
+        damAccessKey,
+        secretKey,
+        subdomain
+      });
+    } else {
+      fetchFiles(null, selectedFolderId);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Row, {
+    justify: "space-between",
+    style: {
+      "--color": styles === null || styles === void 0 ? void 0 : styles.primaryColor
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    xs: 24,
+    sm: 24,
+    md: 24,
+    xl: isImagePicker ? 18 : folder ? isAdmin ? 12 : 18 : 16
+  }, /*#__PURE__*/_react.default.createElement(_antd.Row, {
+    justify: "space-between",
+    align: "middle"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    xs: 10,
+    sm: 10,
+    md: 10,
+    xl: 23
+  }, /*#__PURE__*/_react.default.createElement(_antd.Typography.Title, {
+    ellipsis: {
+      tooltip: true
+    },
+    level: 3,
+    className: "folder-title"
+  }, folder === null || folder === void 0 ? void 0 : folder.name)), /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    span: 11
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "dam-files-sort-mobile"
+  }, view === "grid" && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: sortOrder === "asc" ? "Ascending" : "Descending"
+  }, sortOrder === "asc" ? /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    className: "sort-order",
+    onClick: () => {
+      setSortOrder("desc");
+      onChangeSort(sortBy, "desc");
+    }
+  }, /*#__PURE__*/_react.default.createElement(_icons.SortAscendingOutlined, null)) : /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    className: "sort-order",
+    onClick: () => {
+      setSortOrder("asc");
+      onChangeSort(sortBy, "asc");
+    }
+  }, /*#__PURE__*/_react.default.createElement(_icons.SortDescendingOutlined, null))), /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    value: sortBy,
+    options: [{
+      label: "Newest",
+      value: "created_at"
+    }, {
+      label: "Name",
+      value: "name"
+    }, {
+      label: "Size",
+      value: "i_size"
+    }],
+    style: {
+      width: "100%"
+    },
+    onChange: e => {
+      setSortBy(e);
+      onChangeSort(e, sortOrder);
+    }
+  })))), !isImagePicker && folder && /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    span: 1
+  }, /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
+    menu: {
+      items
+    },
+    trigger: ["click"]
+  }, /*#__PURE__*/_react.default.createElement(_icons.EllipsisOutlined, {
+    style: {
+      fontSize: 20,
+      fontWeight: 500
+    }
+  }))))), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    xs: 0,
+    sm: 0,
+    md: 0,
+    xl: isImagePicker ? 6 : folder ? isAdmin ? 12 : 6 : 8,
+    className: "files-container-component-buttons"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Row, {
+    justify: "end",
+    gutter: 5
+  }, !isImagePicker && folder && isAdmin && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    className: "gutter-row"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: "Edit folder"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    onClick: () => {
+      setShowEditFolder(true);
+      setCurrentUpdatingFolderId(selectedFolderId);
+    },
+    icon: /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, null)
+  }))), /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    className: "gutter-row"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    icon: /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null),
+    onClick: () => {
+      setShowCreateFolder(true);
+    },
+    style: {
+      backgroundColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor
+    }
+  }, "Add Folder")), /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    className: "gutter-row"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    icon: /*#__PURE__*/_react.default.createElement(_icons.UploadOutlined, null),
+    onClick: () => setShowBulkUploadUsingQueue(true),
+    style: {
+      backgroundColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor
+    }
+  }, "Bulk Upload"))))))), folder && /*#__PURE__*/_react.default.createElement("div", {
+    className: "dam-folder-search"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Row, null, /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    xl: 14,
+    xs: 24
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    style: {
+      width: "100%"
+    },
+    placeholder: "Search files",
+    prefix: /*#__PURE__*/_react.default.createElement(_icons.SearchOutlined, null),
+    onChange: e => setFileSearchValue(e.target.value),
+    onPressEnter: () => onSearchFiles(selectedFolderId),
+    value: fileSearchValue
+  })), /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    className: "gutter-row files-container-component-buttons",
+    xl: 10
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "dam-files-sort"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: view === "grid" ? "Change to list view" : "Change to grid view"
+  }, view === "grid" ? /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    className: "sort-order",
+    onClick: () => {
+      setView("list");
+    }
+  }, "View ", /*#__PURE__*/_react.default.createElement(_icons.BarsOutlined, null)) : /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    className: "sort-order",
+    onClick: () => {
+      setView("grid");
+    }
+  }, "View ", /*#__PURE__*/_react.default.createElement(_icons.AppstoreOutlined, null))), view === "grid" && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: sortOrder === "asc" ? "Ascending" : "Descending"
+  }, sortOrder === "asc" ? /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    className: "sort-order",
+    onClick: () => {
+      setSortOrder("desc");
+      onChangeSort(sortBy, "desc");
+    }
+  }, /*#__PURE__*/_react.default.createElement(_icons.SortAscendingOutlined, null)) : /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    className: "sort-order",
+    onClick: () => {
+      setSortOrder("asc");
+      onChangeSort(sortBy, "asc");
+    }
+  }, /*#__PURE__*/_react.default.createElement(_icons.SortDescendingOutlined, null))), /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    value: sortBy,
+    options: [{
+      label: "Newest",
+      value: "created_at"
+    }, {
+      label: "Name",
+      value: "name"
+    }, {
+      label: "Size",
+      value: "i_size"
+    }],
+    style: {
+      width: "100%"
+    },
+    onChange: e => {
+      setSortBy(e);
+      onChangeSort(e, sortOrder);
+    }
+  })))))), /*#__PURE__*/_react.default.createElement(_files.default, {
+    folderId: selectedFolderId,
+    isImagePicker: isImagePicker,
+    onSelect: onSelect,
+    fetchFiles: fetchFiles,
+    files: files,
+    prevKey: prevKey,
+    nextKey: nextKey,
+    prevPrevKey: prevPrevKey,
+    page: page,
+    setFiles: setFiles,
+    setNextKey: setNextKey,
+    setPrevKey: setPrevKey,
+    setPrevPrevKey: setPrevPrevKey,
+    setPage: setPage,
+    folder: folder,
+    setLoadingFiles: setLoadingFiles,
+    searchValue: searchValue,
+    teamIds: teamIds,
+    isAdmin: isAdmin,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    styles: styles,
+    sortBy: sortBy,
+    sortOrder: sortOrder,
+    onSearch: onSearch,
+    totalSearchedFilesCount: totalSearchedFilesCount,
+    currentPage: currentPage,
+    assetTypes: assetTypes,
+    view: view,
+    onChangeSort: onChangeSort,
+    setSortOrders: setSortOrders,
+    sortOrders: sortOrders,
+    setSortBy: setSortBy,
+    setSortOrder: setSortOrder,
+    teams: teams,
+    currentImagePicker: currentImagePicker,
+    accessToken: accessToken,
+    currentUser: currentUser,
+    fileSearchValue: fileSearchValue,
+    onSearchFiles: onSearchFiles,
+    setFileSearchValue: setFileSearchValue,
+    searchColumn: searchColumn,
+    setSearchColumn: setSearchColumn,
+    searchKey: searchKey,
+    setSearchKey: setSearchKey,
+    userEmail: userEmail
+  }), showUploadFile && /*#__PURE__*/_react.default.createElement(_uploadFile.default, {
+    setShowUploadFile: setShowUploadFile,
+    folderId: selectedFolderId,
+    fetchFiles: fetchFiles,
+    setFiles: setFiles,
+    folder: folder,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    styles: styles,
+    teams: teams,
+    accessToken: accessToken,
+    currentUser: currentUser
+  }), showCreateFolder && /*#__PURE__*/_react.default.createElement(_createOrUpdateFolder.default, {
+    setShowCreateFolder: setShowCreateFolder,
+    parentId: selectedFolderId,
+    folders: folders,
+    setFolders: setFolders,
+    setTreeData: setTreeData,
+    expandedKeys: expandedKeys,
+    setCurrentUpdatingFolderId: setCurrentUpdatingFolderId,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    styles: styles,
+    fetchFolders: fetchFolders,
+    teamIds: teamIds,
+    teams: teams,
+    accessToken: accessToken,
+    currentUser: currentUser
+  }), showEditFolder && /*#__PURE__*/_react.default.createElement(_createOrUpdateFolder.default, {
+    setShowCreateFolder: setShowEditFolder,
+    parentId: folder === null || folder === void 0 ? void 0 : folder.parent_id,
+    setCurrentUpdatingFolderId: setCurrentUpdatingFolderId,
+    folderId: currentUpdatingFolderId,
+    folders: folders,
+    setFolders: setFolders,
+    setTreeData: setTreeData,
+    expandedKeys: expandedKeys,
+    setFolder: setFolder,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    styles: styles,
+    fetchFolders: fetchFolders,
+    teamIds: teamIds,
+    teams: teams,
+    currentUser: currentUser,
+    accessToken: accessToken
+  }), showBulkUpload && /*#__PURE__*/_react.default.createElement(_bulkUploadFiles.default, {
+    setShowBulkUpload: setShowBulkUpload,
+    folder: folder,
+    setLoadingFiles: setLoadingFiles,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    fetchFiles: fetchFiles,
+    styles: styles,
+    currentUser: currentUser,
+    accessToken: accessToken
+  }), showBulkUploadUsingQueue && /*#__PURE__*/_react.default.createElement(_bulkUploadUsingQueue.default, {
+    setShowBulkUploadUsingQueue: setShowBulkUploadUsingQueue,
+    folder: folder,
+    setLoadingFiles: setLoadingFiles,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    fetchFiles: fetchFiles,
+    styles: styles,
+    currentUser: currentUser,
+    accessToken: accessToken,
+    userEmail: userEmail
+  }), showExportAFolder && /*#__PURE__*/_react.default.createElement(_exportFolder.default, {
+    setShowExportAFolder: setShowExportAFolder,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    accessToken: accessToken,
+    subdomain: subdomain,
+    folderId: folder === null || folder === void 0 ? void 0 : folder.id,
+    setLoadingFiles: setLoadingFiles
+  }), showBulkUpdate && /*#__PURE__*/_react.default.createElement(_bulkUpdate.default, {
+    setShowBulkUpdate: setShowBulkUpdate,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    accessToken: accessToken,
+    subdomain: subdomain,
+    userEmail: userEmail
+  }));
+};
+var _default = FilesContainer;
+exports.default = _default;