Task/WP-726: Mutation hook: Mkdir (#997)

* initial conversion to ts

* liniting/formating

* dispatch type change

* extra dispatch removals

* 500 error fix

* removed redux test

client/src/components/DataFiles/DataFilesModals/tests/DataFilesMkdirModal.test.jsx

@@ -55,20 +55,7 @@ describe('DataFilesCopyModal', () => {
       const submitButton = getByText('Create Folder');
       fireEvent.click(submitButton);
     });
-
-    expect(store.getActions()).toEqual([
-      {
-        type: 'DATA_FILES_MKDIR',
-        payload: {
-          api: 'tapis',
-          scheme: 'private',
-          system: 'test.system',
-          path: '/',
-          dirname: 'abc123',
-          reloadCallback: expect.any(Function),
-        },
-      },
-    ]);
+    // TODO: New test needed for react redux call for mkdir
   });
 
   it('Error message on invalid input', async () => {

client/src/hooks/datafiles/mutations/useMkdir.ts

@@ -0,0 +1,89 @@
+import { useSelector, useDispatch, shallowEqual } from 'react-redux';
+import { useMutation } from '@tanstack/react-query';
+import { apiClient } from 'utils/apiClient';
+
+export async function mkdirUtil({
+  api,
+  scheme,
+  system,
+  path,
+  dirname,
+}: {
+  api: string;
+  scheme: string;
+  system: string;
+  path: string;
+  dirname: string;
+}): Promise<{ name: string; path: string }> {
+  let apiPath = !path || path[0] === '/' ? path : `/${path}`;
+  if (apiPath === '/') {
+    apiPath = '';
+  }
+  let url = `/api/datafiles/${api}/mkdir/${scheme}/${system}/${apiPath}/`;
+  url = url.replace(/\/{2,}/g, '/');
+  const response = await apiClient.put<{ name: string; path: string }>(url, {
+    dir_name: dirname,
+  });
+
+  return response.data;
+}
+
+function useMkdir() {
+  const dispatch = useDispatch();
+  const status = useSelector(
+    (state: any) => state.files.operationStatus.mkdir,
+    shallowEqual
+  );
+
+  const setStatus = (newStatus: any) => {
+    dispatch({
+      type: 'DATA_FILES_SET_OPERATION_STATUS',
+      payload: { status: newStatus, operation: 'mkdir' },
+    });
+  };
+
+  const { mutate } = useMutation({ mutationFn: mkdirUtil });
+
+  const mkdir = ({
+    api,
+    scheme,
+    system,
+    path,
+    dirname,
+    reloadCallback,
+  }: {
+    api: string;
+    scheme: string;
+    system: string;
+    path: string;
+    dirname: string;
+    reloadCallback: any;
+  }) => {
+    mutate(
+      {
+        api,
+        scheme,
+        system,
+        path,
+        dirname,
+      },
+      {
+        onSuccess: () => {
+          dispatch({
+            type: 'DATA_FILES_TOGGLE_MODAL',
+            payload: {
+              operation: 'mkdir',
+              props: {},
+            },
+          });
+          reloadCallback();
+        },
+        onError: () => {},
+      }
+    );
+  };
+
+  return { mkdir, status, setStatus };
+}
+
+export default useMkdir;