@bindu-dashing/dam-solution 1.0.0

package/dist/Folders/files.js

@@ -0,0 +1,315 @@
+"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 _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _useFetch = _interopRequireDefault(require("../hocs/useFetch"));
+var APIS = _interopRequireWildcard(require("../constants/apiEndpoints"));
+var _file = _interopRequireDefault(require("./file"));
+require("./style.css");
+var _filesListView = _interopRequireDefault(require("./filesListView"));
+var _icons = require("@ant-design/icons");
+var _bulkDownload = _interopRequireDefault(require("./bulkDownload"));
+const Files = _ref => {
+  let {
+    folderId,
+    isImagePicker,
+    onSelect,
+    files,
+    prevKey,
+    nextKey,
+    prevPrevKey,
+    page,
+    setFiles,
+    setNextKey,
+    setPrevKey,
+    setPrevPrevKey,
+    setPage,
+    fetchFiles,
+    folder,
+    searchValue,
+    setLoadingFiles,
+    teamIds,
+    isAdmin,
+    damAccessKey,
+    secretKey,
+    subdomain,
+    styles,
+    sortBy,
+    sortOrder,
+    onSearch,
+    totalSearchedFilesCount,
+    currentPage,
+    assetTypes,
+    view,
+    onChangeSort,
+    sortOrders,
+    setSortOrders,
+    setSortOrder,
+    setSortBy,
+    teams,
+    currentImagePicker,
+    accessToken,
+    currentUser,
+    fileSearchValue,
+    onSearchFiles,
+    setFileSearchValue,
+    searchColumn,
+    setSearchColumn,
+    searchKey,
+    setSearchKey,
+    userEmail
+  } = _ref;
+  const {
+    fetchApi
+  } = (0, _useFetch.default)();
+  const [selectedFiles, setSelectedFiles] = (0, _react.useState)([]);
+  const [isAllFilesSelected, setIsAllFilesSelected] = (0, _react.useState)(false);
+  const [bulkDeleteLoading, setBulkDeleteLoading] = (0, _react.useState)(false);
+  const [showBulkDownloadFiles, setShowBulkDownloadFiles] = (0, _react.useState)(false);
+  const onPrev = () => {
+    setLoadingFiles(true);
+    fetchApi({
+      params: {
+        startKey: encodeURIComponent(JSON.stringify(prevKey)),
+        prevKey: encodeURIComponent(JSON.stringify(prevPrevKey)),
+        page: page - 1,
+        folder_id: folderId,
+        team_ids: JSON.stringify(teamIds),
+        is_component: true,
+        sortBy: sortBy,
+        sortOrder: sortOrder,
+        skip_team_visibility: isImagePicker ? currentImagePicker === null || currentImagePicker === void 0 ? void 0 : currentImagePicker.skip_team_visibility : true,
+        exclude_expired_files: isImagePicker ? true : false
+      },
+      httpMethod: "get",
+      route: APIS.FETCH_FILES,
+      onSuccess: response => {
+        setLoadingFiles(false);
+        const data = response === null || response === void 0 ? void 0 : response.data;
+        setFiles(data === null || data === void 0 ? void 0 : data.items);
+        setNextKey(data.nextKey);
+        setPage(data.page);
+        setPrevKey(data === null || data === void 0 ? void 0 : data.prevKey);
+        setPrevPrevKey(data === null || data === void 0 ? void 0 : data.prevPrevKey);
+      },
+      onFailure: () => {
+        setLoadingFiles(false);
+      },
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  const onNext = () => {
+    setLoadingFiles(true);
+    fetchApi({
+      params: {
+        folder_id: folderId,
+        startKey: encodeURIComponent(JSON.stringify(nextKey)),
+        prevKey: encodeURIComponent(JSON.stringify(prevKey)),
+        page: page + 1,
+        team_ids: JSON.stringify(teamIds),
+        is_component: true,
+        sortBy: sortBy,
+        sortOrder: sortOrder,
+        skip_team_visibility: isImagePicker ? currentImagePicker === null || currentImagePicker === void 0 ? void 0 : currentImagePicker.skip_team_visibility : true,
+        exclude_expired_files: isImagePicker ? true : false
+      },
+      httpMethod: "get",
+      route: APIS.FETCH_FILES,
+      onSuccess: response => {
+        setLoadingFiles(false);
+        const data = response === null || response === void 0 ? void 0 : response.data;
+        setFiles(data === null || data === void 0 ? void 0 : data.items);
+        setNextKey(data.nextKey);
+        setPage(data.page);
+        setPrevKey(data === null || data === void 0 ? void 0 : data.prevKey);
+        setPrevPrevKey(data === null || data === void 0 ? void 0 : data.prevPrevKey);
+      },
+      onFailure: () => {
+        setLoadingFiles(false);
+      },
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  const onPageChange = page => {
+    if (fileSearchValue) {
+      onSearchFiles(page);
+    } else {
+      onSearch(page);
+    }
+  };
+  const onBulkDelete = () => {
+    const deleteModal = _antd.Modal.confirm();
+    deleteModal.update({
+      title: `Are you sure you want to delete ${selectedFiles === null || selectedFiles === void 0 ? void 0 : selectedFiles.length} selected files?`,
+      closable: false,
+      onOk: () => {
+        const deleteFiles = selectedFiles === null || selectedFiles === void 0 ? void 0 : selectedFiles.map(fileId => {
+          const currentFile = files === null || files === void 0 ? void 0 : files.find(file => (file === null || file === void 0 ? void 0 : file.id) == fileId);
+          return {
+            pk: currentFile === null || currentFile === void 0 ? void 0 : currentFile.pk,
+            sk: currentFile === null || currentFile === void 0 ? void 0 : currentFile.sk
+          };
+        });
+        setBulkDeleteLoading(true);
+        fetchApi({
+          body: {
+            file_ids: deleteFiles
+          },
+          httpMethod: "DELETE",
+          route: APIS.FILES_BULK_DELETE,
+          onSuccess: response => {
+            deleteModal.destroy();
+            setSelectedFiles([]);
+            setBulkDeleteLoading(false);
+            setFileSearchValue("");
+            _antd.notification.success({
+              message: "Files deleted successfully"
+            });
+            fetchFiles(null, folderId);
+          },
+          onFailure: () => {
+            setBulkDeleteLoading(false);
+          },
+          accessToken,
+          damAccessKey,
+          secretKey,
+          subdomain
+        });
+      },
+      icon: null,
+      okButtonProps: {
+        type: "primary",
+        danger: true
+      }
+    });
+  };
+  const onBulkDownload = () => {
+    setShowBulkDownloadFiles(true);
+  };
+  return (files === null || files === void 0 ? void 0 : files.length) === 0 && !searchKey ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "empty-files-container"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, null, "No files found")) : /*#__PURE__*/_react.default.createElement("div", null, (selectedFiles === null || selectedFiles === void 0 ? void 0 : selectedFiles.length) > 0 && /*#__PURE__*/_react.default.createElement("div", {
+    className: "dam-files-selection-header"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "dam-files-selection-left-container"
+  }, view == "grid" && /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
+    checked: (selectedFiles === null || selectedFiles === void 0 ? void 0 : selectedFiles.length) > 0,
+    onChange: e => {
+      if (!e.target.checked) {
+        setSelectedFiles([]);
+      }
+    }
+  }), selectedFiles === null || selectedFiles === void 0 ? void 0 : selectedFiles.length, " files are selected"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "dam-files-selection-right-container"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Space, null, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: "Bulk Download"
+  }, /*#__PURE__*/_react.default.createElement(_icons.DownloadOutlined, {
+    onClick: () => onBulkDownload()
+  })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: "Bulk Delete"
+  }, /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, {
+    onClick: () => onBulkDelete()
+  })), bulkDeleteLoading && /*#__PURE__*/_react.default.createElement(_antd.Spin, {
+    indicator: /*#__PURE__*/_react.default.createElement(_icons.LoadingOutlined, null)
+  })))), view === "grid" ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "files-container"
+  }, files === null || files === void 0 ? void 0 : files.map((file, index) => {
+    return /*#__PURE__*/_react.default.createElement(_file.default, {
+      item: file,
+      key: index,
+      isImagePicker: isImagePicker,
+      onSelect: onSelect,
+      fetchFiles: fetchFiles,
+      folder: folder,
+      setFiles: setFiles,
+      isAdmin: isAdmin,
+      damAccessKey: damAccessKey,
+      secretKey: secretKey,
+      subdomain: subdomain,
+      styles: styles,
+      assetTypes: assetTypes,
+      teams: teams,
+      accessToken: accessToken,
+      currentUser: currentUser,
+      setSelectedFiles: setSelectedFiles,
+      selectedFiles: selectedFiles
+    });
+  })) : /*#__PURE__*/_react.default.createElement(_filesListView.default, {
+    onChangeSort: onChangeSort,
+    setSortOrders: setSortOrders,
+    sortOrders: sortOrders,
+    sortBy: sortBy,
+    sortOrder: sortOrder,
+    setSortBy: setSortBy,
+    setSortOrder: setSortOrder,
+    isImagePicker: isImagePicker,
+    onSelect: onSelect,
+    files: files,
+    fetchFiles: fetchFiles,
+    folder: folder,
+    isAdmin: isAdmin,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    styles: styles,
+    assetTypes: assetTypes,
+    teams: teams,
+    accessToken: accessToken,
+    currentUser: currentUser,
+    setSelectedFiles: setSelectedFiles,
+    selectedFiles: selectedFiles,
+    setIsAllFilesSelected: setIsAllFilesSelected,
+    isAllFilesSelected: isAllFilesSelected,
+    onSearchFiles: onSearchFiles,
+    folderId: folderId,
+    searchColumn: searchColumn,
+    setSearchColumn: setSearchColumn,
+    searchKey: searchKey,
+    setSearchKey: setSearchKey
+  }), ((nextKey === null || nextKey === void 0 ? void 0 : nextKey.startKey) || page !== 0) && !totalSearchedFilesCount && /*#__PURE__*/_react.default.createElement(_antd.Space, {
+    className: "file-pagination"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    onClick: () => onPrev(),
+    disabled: page === 0 ? true : false
+  }, "Prev"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    style: {
+      backgroundColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor
+    }
+  }, page + 1), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    onClick: () => onNext(),
+    disabled: !(nextKey !== null && nextKey !== void 0 && nextKey.startKey)
+  }, "Next")), totalSearchedFilesCount != 0 && /*#__PURE__*/_react.default.createElement(_antd.Space, {
+    className: "file-pagination"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Pagination, {
+    total: totalSearchedFilesCount,
+    pageSize: 20,
+    hideOnSinglePage: true,
+    current: currentPage,
+    onChange: page => onPageChange(page)
+  })), showBulkDownloadFiles && /*#__PURE__*/_react.default.createElement(_bulkDownload.default, {
+    setShowBulkDownloadFiles: setShowBulkDownloadFiles,
+    bulkDownloadEmail: userEmail,
+    setSelectedFiles: setSelectedFiles,
+    selectedFiles: selectedFiles,
+    accessToken: accessToken,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    files: files
+  }));
+};
+var _default = Files;
+exports.default = _default;