🚚(frontend) reduce features coupling

Move some components and assets to `doc-management`
to reduce coupling between features:
- SimpleDocItem from `doc-grid` to `doc-management`
- useCreateChildDoc from `doc-tree` to `doc-management`
- isOwnerOrAdmin from `doc-tree` to `doc-management`

Author: AntoLC

src/frontend/apps/impress/src/features/docs/doc-management/api/index.ts

@@ -1,3 +1,4 @@
+export * from './useCreateChildDoc';
 export * from './useCreateDoc';
 export * from './useCreateFavoriteDoc';
 export * from './useDeleteFavoriteDoc';

src/frontend/apps/impress/src/features/docs/doc-tree/api/useCreateChildren.tsx renamed to src/frontend/apps/impress/src/features/docs/doc-management/api/useCreateChildDoc.tsx

@@ -2,16 +2,16 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import { APIError, errorCauses, fetchAPI } from '@/api';
 
-import { Doc, KEY_LIST_DOC } from '../../doc-management';
+import { Doc, KEY_LIST_DOC } from '..';
 
-export type CreateDocParam = Pick<Doc, 'title'> & {
+export type CreateChildDocParam = Pick<Doc, 'title'> & {
   parentId: string;
 };
 
-export const createDocChildren = async ({
+export const createChildDoc = async ({
   title,
   parentId,
-}: CreateDocParam): Promise<Doc> => {
+}: CreateChildDocParam): Promise<Doc> => {
   const response = await fetchAPI(`documents/${parentId}/children/`, {
     method: 'POST',
     body: JSON.stringify({
@@ -26,19 +26,19 @@ export const createDocChildren = async ({
   return response.json() as Promise<Doc>;
 };
 
-interface CreateDocProps {
-  onSuccess: (data: Doc) => void;
+interface UseCreateChildDocProps {
+  onSuccess: (doc: Doc) => void;
 }
 
-export function useCreateChildrenDoc({ onSuccess }: CreateDocProps) {
+export function useCreateChildDoc({ onSuccess }: UseCreateChildDocProps) {
   const queryClient = useQueryClient();
-  return useMutation<Doc, APIError, CreateDocParam>({
-    mutationFn: createDocChildren,
-    onSuccess: (data) => {
+  return useMutation<Doc, APIError, CreateChildDocParam>({
+    mutationFn: createChildDoc,
+    onSuccess: (doc) => {
       void queryClient.resetQueries({
         queryKey: [KEY_LIST_DOC],
       });
-      onSuccess(data);
+      onSuccess(doc);
     },
   });
 }

src/frontend/apps/impress/src/features/docs/docs-grid/assets/pinned-document.svg renamed to src/frontend/apps/impress/src/features/docs/doc-management/assets/pinned-document.svg

@@ -1 +1,2 @@
 export * from './ModalRemoveDoc';
+export * from './SimpleDocItem';

src/frontend/apps/impress/src/features/docs/docs-grid/assets/simple-document.svg renamed to src/frontend/apps/impress/src/features/docs/doc-management/assets/simple-document.svg

@@ -1,7 +1,6 @@
 import { Box, Icon } from '@/components';
 import { QuickSearchItemContent } from '@/components/quick-search/';
-import { Doc } from '@/docs/doc-management';
-import { SimpleDocItem } from '@/docs/docs-grid/';
+import { Doc, SimpleDocItem } from '@/docs/doc-management';
 import { useResponsiveStore } from '@/stores';
 
 type DocSearchItemProps = {

src/frontend/apps/impress/src/features/docs/docs-grid/components/SimpleDocItem.tsx renamed to src/frontend/apps/impress/src/features/docs/doc-management/components/SimpleDocItem.tsx

@@ -1,4 +1,3 @@
-export * from './useCreateChildren';
 export * from './useDocChildren';
 export * from './useDocTree';
 export * from './useMove';

src/frontend/apps/impress/src/features/docs/doc-management/components/index.ts

@@ -10,8 +10,13 @@ import { css } from 'styled-components';
 
 import { Box, StyledLink } from '@/components';
 import { useCunninghamTheme } from '@/cunningham';
-import { Doc, KEY_SUB_PAGE, useDoc, useDocStore } from '@/docs/doc-management';
-import { SimpleDocItem } from '@/docs/docs-grid';
+import {
+  Doc,
+  KEY_SUB_PAGE,
+  SimpleDocItem,
+  useDoc,
+  useDocStore,
+} from '@/docs/doc-management';
 
 import { useDocTree } from '../api/useDocTree';
 import { useMoveDoc } from '../api/useMove';

src/frontend/apps/impress/src/features/docs/doc-search/components/DocSearchItem.tsx

@@ -10,14 +10,14 @@ import { useTranslation } from 'react-i18next';
 import { css } from 'styled-components';
 
 import { Box, BoxButton, Icon } from '@/components';
-
 import {
   Doc,
   ModalRemoveDoc,
   Role,
   useCopyDocLink,
-} from '../../doc-management';
-import { useCreateChildrenDoc } from '../api/useCreateChildren';
+  useCreateChildDoc,
+} from '@/docs/doc-management';
+
 import { useDetachDoc } from '../api/useDetach';
 import MoveDocIcon from '../assets/doc-extract-bold.svg';
 import { useTreeUtils } from '../hooks';
@@ -97,7 +97,7 @@ export const DocTreeItemActions = ({
     },
   ];
 
-  const { mutate: createChildrenDoc } = useCreateChildrenDoc({
+  const { mutate: createChildDoc } = useCreateChildDoc({
     onSuccess: (newDoc) => {
       onCreateSuccess?.(newDoc);
       void router.push(`/docs/${newDoc.id}`);
@@ -147,7 +147,7 @@ export const DocTreeItemActions = ({
               e.stopPropagation();
               e.preventDefault();
 
-              createChildrenDoc({
+              createChildDoc({
                 parentId: doc.id,
               });
             }}