Delete all versions (#1376)

* delete all versions

* style

Co-authored-by: Prakash Senthil Vel <23444145+prakashsvmx@users.noreply.github.com>
Co-authored-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>

Author: 3 people

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/DeleteMultipleObjects.tsx

@@ -14,21 +14,23 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
-import React from "react";
+import React, { useState } from "react";
 import { connect } from "react-redux";
 import { DialogContentText } from "@mui/material";
 import { setErrorSnackMessage } from "../../../../../../actions";
 import { ErrorResponseHandler } from "../../../../../../common/types";
 import useApi from "../../../../Common/Hooks/useApi";
 import ConfirmDialog from "../../../../Common/ModalWrapper/ConfirmDialog";
 import { ConfirmDeleteIcon } from "../../../../../../icons";
+import FormSwitchWrapper from "../../../../Common/FormComponents/FormSwitchWrapper/FormSwitchWrapper";
 
 interface IDeleteObjectProps {
   closeDeleteModalAndRefresh: (refresh: boolean) => void;
   deleteOpen: boolean;
   selectedObjects: string[];
   selectedBucket: string;
   setErrorSnackMessage: typeof setErrorSnackMessage;
+  versioning: boolean;
 }
 
 const DeleteObject = ({
@@ -37,10 +39,12 @@ const DeleteObject = ({
   selectedBucket,
   selectedObjects,
   setErrorSnackMessage,
+  versioning,
 }: IDeleteObjectProps) => {
   const onDelSuccess = () => closeDeleteModalAndRefresh(true);
   const onDelError = (err: ErrorResponseHandler) => setErrorSnackMessage(err);
   const onClose = () => closeDeleteModalAndRefresh(false);
+  const [deleteVersions, setDeleteVersions] = useState<boolean>(false);
 
   const [deleteLoading, invokeDeleteApi] = useApi(onDelSuccess, onDelError);
 
@@ -68,7 +72,7 @@ const DeleteObject = ({
     if (toSend) {
       invokeDeleteApi(
         "POST",
-        `/api/v1/buckets/${selectedBucket}/delete-objects`,
+        `/api/v1/buckets/${selectedBucket}/delete-objects?all_versions=${deleteVersions}`,
         toSend
       );
     }
@@ -87,6 +91,20 @@ const DeleteObject = ({
         <DialogContentText>
           Are you sure you want to delete the selected {selectedObjects.length}{" "}
           objects?{" "}
+          {versioning && (
+            <FormSwitchWrapper
+              label={"Delete All Versions"}
+              indicatorLabels={["Yes", "No"]}
+              checked={deleteVersions}
+              value={"delete_versions"}
+              id="delete-versions"
+              name="delete-versions"
+              onChange={(e) => {
+                setDeleteVersions(!deleteVersions);
+              }}
+              description=""
+            />
+          )}
         </DialogContentText>
       }
     />

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/DeleteObject.tsx

@@ -14,7 +14,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
-import React from "react";
+import React, { useState } from "react";
 import { connect } from "react-redux";
 import { DialogContentText } from "@mui/material";
 import { setErrorSnackMessage } from "../../../../../../actions";
@@ -23,13 +23,15 @@ import { decodeFileName } from "../../../../../../common/utils";
 import ConfirmDialog from "../../../../Common/ModalWrapper/ConfirmDialog";
 import useApi from "../../../../Common/Hooks/useApi";
 import { ConfirmDeleteIcon } from "../../../../../../icons";
+import FormSwitchWrapper from "../../../../Common/FormComponents/FormSwitchWrapper/FormSwitchWrapper";
 
 interface IDeleteObjectProps {
   closeDeleteModalAndRefresh: (refresh: boolean) => void;
   deleteOpen: boolean;
   selectedObject: string;
   selectedBucket: string;
   setErrorSnackMessage: typeof setErrorSnackMessage;
+  versioning: boolean;
 }
 
 const DeleteObject = ({
@@ -38,12 +40,14 @@ const DeleteObject = ({
   selectedBucket,
   selectedObject,
   setErrorSnackMessage,
+  versioning,
 }: IDeleteObjectProps) => {
   const onDelSuccess = () => closeDeleteModalAndRefresh(true);
   const onDelError = (err: ErrorResponseHandler) => setErrorSnackMessage(err);
   const onClose = () => closeDeleteModalAndRefresh(false);
 
   const [deleteLoading, invokeDeleteApi] = useApi(onDelSuccess, onDelError);
+  const [deleteVersions, setDeleteVersions] = useState<boolean>(false);
 
   if (!selectedObject) {
     return null;
@@ -53,7 +57,7 @@ const DeleteObject = ({
     const recursive = decodedSelectedObject.endsWith("/");
     invokeDeleteApi(
       "DELETE",
-      `/api/v1/buckets/${selectedBucket}/objects?path=${selectedObject}&recursive=${recursive}`
+      `/api/v1/buckets/${selectedBucket}/objects?path=${selectedObject}&recursive=${recursive}&all_versions=${deleteVersions}`
     );
   };
 
@@ -69,7 +73,21 @@ const DeleteObject = ({
       confirmationContent={
         <DialogContentText>
           Are you sure you want to delete:{" "}
-          <b>{decodeFileName(selectedObject)}</b>?{" "}
+          <b>{decodeFileName(selectedObject)}</b>? <br />
+          {versioning && (
+            <FormSwitchWrapper
+              label={"Delete All Versions"}
+              indicatorLabels={["Yes", "No"]}
+              checked={deleteVersions}
+              value={"delete_versions"}
+              id="delete-versions"
+              name="delete-versions"
+              onChange={(e) => {
+                setDeleteVersions(!deleteVersions);
+              }}
+              description=""
+            />
+          )}
         </DialogContentText>
       }
     />

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/ListObjects.tsx

@@ -1098,6 +1098,7 @@ const ListObjects = ({
           selectedBucket={bucketName}
           selectedObject={encodeFileName(selectedObject)}
           closeDeleteModalAndRefresh={closeDeleteModalAndRefresh}
+          versioning={isVersioned}
         />
       )}
       {deleteMultipleOpen && (
@@ -1106,6 +1107,7 @@ const ListObjects = ({
           selectedBucket={bucketName}
           selectedObjects={selectedObjects}
           closeDeleteModalAndRefresh={closeDeleteMultipleModalAndRefresh}
+          versioning={isVersioned}
         />
       )}
       {createFolderOpen && (

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ObjectDetails.tsx

@@ -478,6 +478,7 @@ const ObjectDetails = ({
           selectedBucket={bucketName}
           selectedObject={internalPaths}
           closeDeleteModalAndRefresh={closeDeleteModal}
+          versioning={distributedSetup}
         />
       )}
       {tagModalOpen && actualInfo && (