🚚(frontend) harmonize imports

Harmonize the imports in the frontend codebase
to keep the codebase consistent.

src/frontend/apps/impress/src/components/index.ts

@@ -6,7 +6,8 @@ export * from './DropdownMenu';
 export * from './Icon';
 export * from './InfiniteScroll';
 export * from './Link';
+export * from './LoadMoreText';
 export * from './SideModal';
-export * from './separators/SeparatedSection';
+export * from './separators';
 export * from './Text';
 export * from './TextErrors';

src/frontend/apps/impress/src/components/quick-search/QuickSearchInput.tsx

@@ -3,7 +3,7 @@ import { Command } from 'cmdk';
 import { ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { HorizontalSeparator } from '@/components/separators/HorizontalSeparator';
+import { HorizontalSeparator } from '@/components';
 import { useCunninghamTheme } from '@/cunningham';
 
 import { Box } from '../Box';

src/frontend/apps/impress/src/components/separators/index.ts

@@ -0,0 +1,2 @@
+export * from './HorizontalSeparator';
+export * from './SeparatedSection';

src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeader.tsx

@@ -2,8 +2,7 @@ import { DateTime } from 'luxon';
 import { useTranslation } from 'react-i18next';
 import { css } from 'styled-components';
 
-import { Box, Icon, Text } from '@/components';
+import { Box, HorizontalSeparator, Icon, Text } from '@/components';
-import { HorizontalSeparator } from '@/components/separators/HorizontalSeparator';
 import { useCunninghamTheme } from '@/cunningham';
 import {
   Doc,

src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx

@@ -20,14 +20,13 @@ import { useAuthStore } from '@/core';
 import { useCunninghamTheme } from '@/cunningham';
 import { useEditorStore } from '@/features/docs/doc-editor/';
 import { Doc, ModalRemoveDoc } from '@/features/docs/doc-management';
+import { DocShareModal } from '@/features/docs/doc-share';
 import {
   KEY_LIST_DOC_VERSIONS,
   ModalSelectVersion,
 } from '@/features/docs/doc-versioning';
 import { useResponsiveStore } from '@/stores';
 
-import { DocShareModal } from '../../doc-share/component/DocShareModal';
-
 import { ModalPDF } from './ModalExport';
 
 interface DocToolBoxProps {

src/frontend/apps/impress/src/features/docs/doc-header/components/DocVersionHeader.tsx

@@ -1,7 +1,6 @@
 import { useTranslation } from 'react-i18next';
 
-import { Box } from '@/components';
+import { Box, HorizontalSeparator } from '@/components';
-import { HorizontalSeparator } from '@/components/separators/HorizontalSeparator';
 import { useCunninghamTheme } from '@/cunningham';
 
 import { DocTitleText } from './DocTitle';

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

@@ -1,4 +1,5 @@
 export * from './useCreateDoc';
+export * from './useDeleteFavoriteDoc';
 export * from './useDoc';
 export * from './useDocOptions';
 export * from './useDocs';

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

@@ -1,9 +0,0 @@
-<svg width="32" height="36" viewBox="0 0 32 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="2.01394" y="1.23611" width="25.9722" height="33.5278" rx="3.54167" fill="white"/>
-<rect x="2.01394" y="1.23611" width="25.9722" height="33.5278" rx="3.54167" stroke="#E3E3FD" stroke-width="0.472222"/>
-<path d="M6.5 8.55554H15" stroke="#6A6AF4" stroke-width="1.88889" stroke-linecap="round"/>
-<path d="M6.5 11.3889H23.5M6.5 14.2222H23.5M6.5 17.0556H23.5M6.5 19.8889H23.5M6.5 22.7222H20.6667" stroke="#CACAFB" stroke-width="1.88889" stroke-linecap="round"/>
-<rect x="7" y="10" width="16" height="16" rx="8" fill="#6A6AF4"/>
-<rect x="7" y="10" width="16" height="16" rx="8" stroke="white" stroke-width="1.5"/>
-<path d="M16.8 18L18 19.2V20.1H15.45V22.95L15 23.4L14.55 22.95V20.1H12V19.2L13.2 18V14.7H12.6V13.8H17.4V14.7H16.8V18Z" fill="white"/>
-</svg>

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

@@ -1,6 +0,0 @@
-<svg width="32" height="36" viewBox="0 0 32 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="2.01394" y="1.23611" width="25.9722" height="33.5278" rx="3.54167" fill="white"/>
-<rect x="2.01394" y="1.23611" width="25.9722" height="33.5278" rx="3.54167" stroke="#E3E3FD" stroke-width="0.472222"/>
-<path d="M6.5 8.55554H15" stroke="#6A6AF4" stroke-width="1.88889" stroke-linecap="round"/>
-<path d="M6.5 11.3889H23.5M6.5 14.2222H23.5M6.5 17.0556H23.5M6.5 19.8889H23.5M6.5 22.7222H20.6667" stroke="#CACAFB" stroke-width="1.88889" stroke-linecap="round"/>
-</svg>

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

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

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

@@ -12,10 +12,10 @@ import {
   QuickSearchData,
   QuickSearchGroup,
 } from '@/components/quick-search';
-import EmptySearchIcon from '@/features/docs/doc-search/assets/illustration-docs-empty.png';
+import { Doc, useInfiniteDocs } from '@/features/docs/doc-management';
 import { useResponsiveStore } from '@/stores';
 
-import { Doc, useInfiniteDocs } from '../../doc-management';
+import EmptySearchIcon from '../assets/illustration-docs-empty.png';
 
 import { DocSearchItem } from './DocSearchItem';
 

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

@@ -0,0 +1 @@
+export * from './DocSearchModal';

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

@@ -0,0 +1 @@
+export * from './components';

src/frontend/apps/impress/src/features/docs/doc-share/components/DocRoleDropdown.tsx

@@ -1,9 +1,7 @@
 import { css } from 'styled-components';
 
 import { DropdownMenu, DropdownMenuOption, Text } from '@/components';
-
+import { Role, useTrans } from '@/features/docs/doc-management/';
-import { useTrans } from '../../doc-management/hooks';
-import { Role } from '../../doc-management/types';
 
 type Props = {
   currentRole: Role;

src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareAddMemberList.tsx

@@ -12,13 +12,11 @@ import { Box } from '@/components';
 import { User } from '@/core';
 import { useCunninghamTheme } from '@/cunningham';
 import { Doc, Role } from '@/features/docs';
-import {
-  useCreateDocAccess,
-  useCreateDocInvitation,
-} from '@/features/docs/doc-share';
-import { OptionType } from '@/features/docs/doc-share/types';
 import { useLanguage } from '@/i18n/hooks/useLanguage';
 
+import { useCreateDocAccess, useCreateDocInvitation } from '../api';
+import { OptionType } from '../types';
+
 import { DocRoleDropdown } from './DocRoleDropdown';
 import { DocShareAddMemberListItem } from './DocShareAddMemberListItem';
 

src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareInvitationItem.tsx

@@ -10,14 +10,12 @@ import {
 import { User } from '@/core';
 import { useCunninghamTheme } from '@/cunningham';
 import { Doc, Role } from '@/features/docs/doc-management';
-import {
+
-  useDeleteDocInvitation,
+import { useDeleteDocInvitation, useUpdateDocInvitation } from '../api';
-  useUpdateDocInvitation,
+import { Invitation } from '../types';
-} from '@/features/docs/doc-share';
-import { SearchUserRow } from '@/features/docs/doc-share/component/SearchUserRow';
-import { Invitation } from '@/features/docs/doc-share/types';
 
 import { DocRoleDropdown } from './DocRoleDropdown';
+import { SearchUserRow } from './SearchUserRow';
 
 type Props = {
   doc: Doc;

src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareMemberItem.tsx

@@ -8,14 +8,14 @@ import {
   IconOptions,
 } from '@/components';
 import { useCunninghamTheme } from '@/cunningham';
-import { SearchUserRow } from '@/features/docs/doc-share/component/SearchUserRow';
+import { Access, Doc, Role } from '@/features/docs/doc-management/';
-import { useWhoAmI } from '@/features/docs/doc-share/hooks/useWhoAmI';
 import { useResponsiveStore } from '@/stores';
 
-import { Access, Doc, Role } from '../../doc-management/types';
+import { useDeleteDocAccess, useUpdateDocAccess } from '../api';
-import { useDeleteDocAccess, useUpdateDocAccess } from '../index';
+import { useWhoAmI } from '../hooks/';
 
 import { DocRoleDropdown } from './DocRoleDropdown';
+import { SearchUserRow } from './SearchUserRow';
 
 type Props = {
   doc: Doc;

src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareModal.tsx

@@ -4,24 +4,24 @@ import { useTranslation } from 'react-i18next';
 import { createGlobalStyle, css } from 'styled-components';
 import { useDebouncedCallback } from 'use-debounce';
 
-import { Box } from '@/components';
+import { Box, LoadMoreText } from '@/components';
-import { LoadMoreText } from '@/components/LoadMoreText';
 import {
   QuickSearch,
   QuickSearchData,
-} from '@/components/quick-search/QuickSearch';
+  QuickSearchGroup,
-import { QuickSearchGroup } from '@/components/quick-search/QuickSearchGroup';
+} from '@/components/quick-search/';
 import { User } from '@/core';
 import { Access, Doc } from '@/features/docs';
+import { useResponsiveStore } from '@/stores';
+import { isValidEmail } from '@/utils';
+
 import {
   KEY_LIST_USER,
   useDocAccessesInfinite,
   useDocInvitationsInfinite,
   useUsers,
-} from '@/features/docs/doc-share';
+} from '../api';
-import { Invitation } from '@/features/docs/doc-share/types';
+import { Invitation } from '../types';
-import { useResponsiveStore } from '@/stores';
-import { isValidEmail } from '@/utils';
 
 import { DocShareAddMemberList } from './DocShareAddMemberList';
 import { DocShareInvitationItem } from './DocShareInvitationItem';

src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareModalFooter.tsx

@@ -6,8 +6,7 @@ import {
 import { useTranslation } from 'react-i18next';
 import { css } from 'styled-components';
 
-import { Box } from '@/components';
+import { Box, HorizontalSeparator } from '@/components';
-import { HorizontalSeparator } from '@/components/separators/HorizontalSeparator';
 import { Doc } from '@/features/docs';
 
 import { DocVisibility } from './DocVisibility';

src/frontend/apps/impress/src/features/docs/doc-share/components/DocShareModalInviteUserByEmail.tsx

@@ -3,7 +3,8 @@ import { css } from 'styled-components';
 
 import { Box, Icon, Text } from '@/components';
 import { User } from '@/core';
-import { SearchUserRow } from '@/features/docs/doc-share/component/SearchUserRow';
+
+import { SearchUserRow } from './SearchUserRow';
 
 type Props = {
   user: User;

src/frontend/apps/impress/src/features/docs/doc-share/components/DocVisibility.tsx

@@ -19,9 +19,10 @@ import {
   LinkRole,
   useUpdateDocLink,
 } from '@/features/docs';
-import { useTranslatedShareSettings } from '@/features/docs/doc-share';
 import { useResponsiveStore } from '@/stores';
 
+import { useTranslatedShareSettings } from '../hooks/';
+
 interface DocVisibilityProps {
   doc: Doc;
 }

src/frontend/apps/impress/src/features/docs/doc-share/components/SearchUserRow.tsx

@@ -2,7 +2,7 @@ import { Box, Text } from '@/components';
 import {
   QuickSearchItemContent,
   QuickSearchItemContentProps,
-} from '@/components/quick-search/QuickSearchItemContent';
+} from '@/components/quick-search';
 import { User } from '@/core';
 import { useCunninghamTheme } from '@/cunningham';
 

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

@@ -0,0 +1 @@
+export * from './DocShareModal';

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

@@ -1,2 +1,4 @@
 export * from './api';
+export * from './components';
 export * from './hooks';
+export * from './types';

src/frontend/apps/impress/src/features/docs/doc-versioning/components/ModalSelectVersion.tsx

@@ -4,9 +4,9 @@ import { useTranslation } from 'react-i18next';
 import { createGlobalStyle, css } from 'styled-components';
 
 import { Box, Icon, Text } from '@/components';
+import { DocEditor } from '@/features/docs/doc-editor';
+import { Doc } from '@/features/docs/doc-management';
 
-import { DocEditor } from '../../doc-editor/components/DocEditor';
-import { Doc } from '../../doc-management';
 import { Versions } from '../types';
 
 import { ModalConfirmationVersion } from './ModalConfirmationVersion';

src/frontend/apps/impress/src/features/docs/docs-grid/assets/pinned-document.svg

@@ -0,0 +1,51 @@
+<svg
+  width="32"
+  height="36"
+  viewBox="0 0 32 36"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect
+    x="2.01394"
+    y="1.23611"
+    width="25.9722"
+    height="33.5278"
+    rx="3.54167"
+    fill="white"
+  />
+  <rect
+    x="2.01394"
+    y="1.23611"
+    width="25.9722"
+    height="33.5278"
+    rx="3.54167"
+    stroke="#E3E3FD"
+    stroke-width="0.472222"
+  />
+  <path
+    d="M6.5 8.55554H15"
+    stroke="#6A6AF4"
+    stroke-width="1.88889"
+    stroke-linecap="round"
+  />
+  <path
+    d="M6.5 11.3889H23.5M6.5 14.2222H23.5M6.5 17.0556H23.5M6.5 19.8889H23.5M6.5 22.7222H20.6667"
+    stroke="#CACAFB"
+    stroke-width="1.88889"
+    stroke-linecap="round"
+  />
+  <rect x="7" y="10" width="16" height="16" rx="8" fill="#6A6AF4" />
+  <rect
+    x="7"
+    y="10"
+    width="16"
+    height="16"
+    rx="8"
+    stroke="white"
+    stroke-width="1.5"
+  />
+  <path
+    d="M16.8 18L18 19.2V20.1H15.45V22.95L15 23.4L14.55 22.95V20.1H12V19.2L13.2 18V14.7H12.6V13.8H17.4V14.7H16.8V18Z"
+    fill="white"
+  />
+</svg>

src/frontend/apps/impress/src/features/docs/docs-grid/assets/simple-document.svg

@@ -0,0 +1,37 @@
+<svg
+  width="32"
+  height="36"
+  viewBox="0 0 32 36"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect
+    x="2.01394"
+    y="1.23611"
+    width="25.9722"
+    height="33.5278"
+    rx="3.54167"
+    fill="white"
+  />
+  <rect
+    x="2.01394"
+    y="1.23611"
+    width="25.9722"
+    height="33.5278"
+    rx="3.54167"
+    stroke="#E3E3FD"
+    stroke-width="0.472222"
+  />
+  <path
+    d="M6.5 8.55554H15"
+    stroke="#6A6AF4"
+    stroke-width="1.88889"
+    stroke-linecap="round"
+  />
+  <path
+    d="M6.5 11.3889H23.5M6.5 14.2222H23.5M6.5 17.0556H23.5M6.5 19.8889H23.5M6.5 22.7222H20.6667"
+    stroke="#CACAFB"
+    stroke-width="1.88889"
+    stroke-linecap="round"
+  />
+</svg>

src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx

@@ -4,10 +4,12 @@ import { InView } from 'react-intersection-observer';
 import { css } from 'styled-components';
 
 import { Box, Card, Text } from '@/components';
+import {
+  DocDefaultFilter,
+  useInfiniteDocs,
+} from '@/features/docs/doc-management';
 import { useResponsiveStore } from '@/stores';
 
-import { DocDefaultFilter, useInfiniteDocs } from '../../doc-management';
-
 import { DocsGridItem } from './DocsGridItem';
 import { DocsGridLoader } from './DocsGridLoader';
 

src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridActions.tsx

@@ -7,10 +7,9 @@ import {
   KEY_LIST_DOC,
   ModalRemoveDoc,
   useCreateFavoriteDoc,
+  useDeleteFavoriteDoc,
 } from '@/features/docs/doc-management';
 
-import { useDeleteFavoriteDoc } from '../../doc-management/api/useDeleteFavoriteDoc';
-
 interface DocsGridActionsProps {
   doc: Doc;
   openShareModal?: () => void;

src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx

@@ -3,11 +3,10 @@ import { DateTime } from 'luxon';
 import { css } from 'styled-components';
 
 import { Box, Icon, StyledLink, Text } from '@/components';
-import { DocShareModal } from '@/features/docs/doc-share/component/DocShareModal';
+import { Doc, LinkReach } from '@/features/docs/doc-management';
+import { DocShareModal } from '@/features/docs/doc-share';
 import { useResponsiveStore } from '@/stores';
 
-import { Doc, LinkReach } from '../../doc-management';
-
 import { DocsGridActions } from './DocsGridActions';
 import { SimpleDocItem } from './SimpleDocItem';
 

src/frontend/apps/impress/src/features/docs/docs-grid/components/SimpleDocItem.tsx

@@ -3,11 +3,12 @@ import { css } from 'styled-components';
 
 import { Box, Icon, Text } from '@/components';
 import { useCunninghamTheme } from '@/cunningham';
-import { Doc, LinkReach } from '@/features/docs';
+import { Doc, LinkReach } from '@/features/docs/doc-management';
-import PinnedDocumentIcon from '@/features/docs/doc-management/assets/pinned-document.svg';
-import SimpleFileIcon from '@/features/docs/doc-management/assets/simple-document.svg';
 import { useResponsiveStore } from '@/stores';
 
+import PinnedDocumentIcon from '../assets/pinned-document.svg';
+import SimpleFileIcon from '../assets/simple-document.svg';
+
 const ItemTextCss = css`
   overflow: hidden;
   text-overflow: ellipsis;

src/frontend/apps/impress/src/features/left-panel/components/LeftPanelDocContent.tsx

@@ -2,8 +2,8 @@ import { css } from 'styled-components';
 
 import { Box, SeparatedSection } from '@/components';
 import { useCunninghamTheme } from '@/cunningham';
-import { useDocStore } from '@/features/docs';
+import { useDocStore } from '@/features/docs/doc-management';
-import { SimpleDocItem } from '@/features/docs/docs-grid/components/SimpleDocItem';
+import { SimpleDocItem } from '@/features/docs/docs-grid';
 
 export const LeftPanelDocContent = () => {
   const { currentDoc } = useDocStore();

src/frontend/apps/impress/src/features/left-panel/components/LeftPanelFavoriteItem.tsx

@@ -3,8 +3,9 @@ import { css } from 'styled-components';
 
 import { Box, StyledLink } from '@/components';
 import { useCunninghamTheme } from '@/cunningham';
-import { Doc, DocsGridActions, SimpleDocItem } from '@/features/docs';
+import { Doc } from '@/features/docs/doc-management';
-import { DocShareModal } from '@/features/docs/doc-share/component/DocShareModal';
+import { DocShareModal } from '@/features/docs/doc-share';
+import { DocsGridActions, SimpleDocItem } from '@/features/docs/docs-grid';
 import { useResponsiveStore } from '@/stores';
 
 type LeftPanelFavoriteItemProps = {

src/frontend/apps/impress/src/features/left-panel/components/LeftPanelFavorites.tsx

@@ -1,9 +1,8 @@
 import { useTranslation } from 'react-i18next';
 
-import { Box, InfiniteScroll, Text } from '@/components';
+import { Box, HorizontalSeparator, InfiniteScroll, Text } from '@/components';
-import { HorizontalSeparator } from '@/components/separators/HorizontalSeparator';
 import { useCunninghamTheme } from '@/cunningham';
-import { useInfiniteDocs } from '@/features/docs';
+import { useInfiniteDocs } from '@/features/docs/doc-management';
 
 import { LeftPanelFavoriteItem } from './LeftPanelFavoriteItem';
 

src/frontend/apps/impress/src/features/left-panel/components/LeftPanelHeader.tsx

@@ -4,8 +4,8 @@ import { useRouter } from 'next/navigation';
 import { PropsWithChildren } from 'react';
 
 import { Box, Icon, SeparatedSection } from '@/components';
-import { useCreateDoc } from '@/features/docs';
+import { useCreateDoc } from '@/features/docs/doc-management';
-import { DocSearchModal } from '@/features/docs/doc-search/components/DocSearchModal';
+import { DocSearchModal } from '@/features/docs/doc-search';
 import { useCmdK } from '@/hook/useCmdK';
 
 import { useLeftPanelStore } from '../stores';

src/frontend/apps/impress/src/pages/docs/[id]/index.tsx

@@ -4,8 +4,7 @@ import Head from 'next/head';
 import { useRouter } from 'next/router';
 import { useEffect, useState } from 'react';
 
-import { Box, Text } from '@/components';
+import { Box, Text, TextErrors } from '@/components';
-import { TextErrors } from '@/components/TextErrors';
 import { useAuthStore } from '@/core/auth';
 import { DocEditor } from '@/features/docs/doc-editor';
 import {

src/frontend/apps/impress/src/pages/docs/index.tsx

@@ -2,7 +2,7 @@ import { useSearchParams } from 'next/navigation';
 import type { ReactElement } from 'react';
 
 import { DocDefaultFilter } from '@/features/docs';
-import { DocsGrid } from '@/features/docs/docs-grid/components/DocsGrid';
+import { DocsGrid } from '@/features/docs/docs-grid';
 import { MainLayout } from '@/layouts';
 import { NextPageWithLayout } from '@/types/next';