R: Remove all default exports

rsconcept/frontend/src/app/ApplicationLayout.tsx

@@ -14,7 +14,7 @@ import { GlobalTooltips } from './GlobalTooltips';
 import { MutationErrors } from './MutationErrors';
 import { Navigation } from './Navigation';
 
-function ApplicationLayout() {
+export function ApplicationLayout() {
   const mainHeight = useMainHeight();
   const viewportHeight = useViewportHeight();
   const showScroll = useAppLayoutStore(state => !state.noScroll);
@@ -58,5 +58,3 @@ function ApplicationLayout() {
     </NavigationState>
   );
 }
-
-export default ApplicationLayout;

rsconcept/frontend/src/app/GlobalDialogs.tsx

@@ -4,29 +4,115 @@ import React from 'react';
 
 import { DialogType, useDialogsStore } from '@/stores/dialogs';
 
-const DlgChangeInputSchema = React.lazy(() => import('@/features/oss/dialogs/DlgChangeInputSchema'));
+const DlgChangeInputSchema = React.lazy(() =>
-const DlgChangeLocation = React.lazy(() => import('@/features/library/dialogs/DlgChangeLocation'));
+  import('@/features/oss/dialogs/DlgChangeInputSchema').then(module => ({ default: module.DlgChangeInputSchema }))
-const DlgCloneLibraryItem = React.lazy(() => import('@/features/library/dialogs/DlgCloneLibraryItem'));
+);
-const DlgCreateCst = React.lazy(() => import('@/features/rsform/dialogs/DlgCreateCst'));
+const DlgChangeLocation = React.lazy(() =>
-const DlgCreateOperation = React.lazy(() => import('@/features/oss/dialogs/DlgCreateOperation'));
+  import('@/features/library/dialogs/DlgChangeLocation').then(module => ({
-const DlgCreateVersion = React.lazy(() => import('@/features/library/dialogs/DlgCreateVersion'));
+    default: module.DlgChangeLocation
-const DlgCstTemplate = React.lazy(() => import('@/features/rsform/dialogs/DlgCstTemplate'));
+  }))
-const DlgDeleteCst = React.lazy(() => import('@/features/rsform/dialogs/DlgDeleteCst'));
+);
-const DlgDeleteOperation = React.lazy(() => import('@/features/oss/dialogs/DlgDeleteOperation'));
+const DlgCloneLibraryItem = React.lazy(() =>
-const DlgEditEditors = React.lazy(() => import('@/features/library/dialogs/DlgEditEditors'));
+  import('@/features/library/dialogs/DlgCloneLibraryItem').then(module => ({
-const DlgEditOperation = React.lazy(() => import('@/features/oss/dialogs/DlgEditOperation'));
+    default: module.DlgCloneLibraryItem
-const DlgEditReference = React.lazy(() => import('@/features/rsform/dialogs/DlgEditReference'));
+  }))
-const DlgEditVersions = React.lazy(() => import('@/features/library/dialogs/DlgEditVersions'));
+);
-const DlgEditWordForms = React.lazy(() => import('@/features/rsform/dialogs/DlgEditWordForms'));
+const DlgCreateCst = React.lazy(() =>
-const DlgGraphParams = React.lazy(() => import('@/features/rsform/dialogs/DlgGraphParams'));
+  import('@/features/rsform/dialogs/DlgCreateCst').then(module => ({ default: module.DlgCreateCst }))
-const DlgInlineSynthesis = React.lazy(() => import('@/features/rsform/dialogs/DlgInlineSynthesis'));
+);
-const DlgRelocateConstituents = React.lazy(() => import('@/features/oss/dialogs/DlgRelocateConstituents'));
+const DlgCreateOperation = React.lazy(() =>
-const DlgRenameCst = React.lazy(() => import('@/features/rsform/dialogs/DlgRenameCst'));
+  import('@/features/oss/dialogs/DlgCreateOperation').then(module => ({
-const DlgShowAST = React.lazy(() => import('@/features/rsform/dialogs/DlgShowAST'));
+    default: module.DlgCreateOperation
-const DlgShowQR = React.lazy(() => import('@/features/rsform/dialogs/DlgShowQR'));
+  }))
-const DlgShowTypeGraph = React.lazy(() => import('@/features/rsform/dialogs/DlgShowTypeGraph'));
+);
-const DlgSubstituteCst = React.lazy(() => import('@/features/rsform/dialogs/DlgSubstituteCst'));
+const DlgCreateVersion = React.lazy(() =>
-const DlgUploadRSForm = React.lazy(() => import('@/features/rsform/dialogs/DlgUploadRSForm'));
+  import('@/features/library/dialogs/DlgCreateVersion').then(module => ({
+    default: module.DlgCreateVersion
+  }))
+);
+const DlgCstTemplate = React.lazy(() =>
+  import('@/features/rsform/dialogs/DlgCstTemplate').then(module => ({
+    default: module.DlgCstTemplate
+  }))
+);
+const DlgDeleteCst = React.lazy(() =>
+  import('@/features/rsform/dialogs/DlgDeleteCst').then(module => ({
+    default: module.DlgDeleteCst
+  }))
+);
+const DlgDeleteOperation = React.lazy(() =>
+  import('@/features/oss/dialogs/DlgDeleteOperation').then(module => ({
+    default: module.DlgDeleteOperation
+  }))
+);
+const DlgEditEditors = React.lazy(() =>
+  import('@/features/library/dialogs/DlgEditEditors').then(module => ({
+    default: module.DlgEditEditors
+  }))
+);
+const DlgEditOperation = React.lazy(() =>
+  import('@/features/oss/dialogs/DlgEditOperation').then(module => ({
+    default: module.DlgEditOperation
+  }))
+);
+const DlgEditReference = React.lazy(() =>
+  import('@/features/rsform/dialogs/DlgEditReference').then(module => ({
+    default: module.DlgEditReference
+  }))
+);
+const DlgEditVersions = React.lazy(() =>
+  import('@/features/library/dialogs/DlgEditVersions').then(module => ({
+    default: module.DlgEditVersions
+  }))
+);
+const DlgEditWordForms = React.lazy(() =>
+  import('@/features/rsform/dialogs/DlgEditWordForms').then(module => ({
+    default: module.DlgEditWordForms
+  }))
+);
+const DlgInlineSynthesis = React.lazy(() =>
+  import('@/features/rsform/dialogs/DlgInlineSynthesis').then(module => ({
+    default: module.DlgInlineSynthesis
+  }))
+);
+const DlgRelocateConstituents = React.lazy(() =>
+  import('@/features/oss/dialogs/DlgRelocateConstituents').then(module => ({
+    default: module.DlgRelocateConstituents
+  }))
+);
+const DlgRenameCst = React.lazy(() =>
+  import('@/features/rsform/dialogs/DlgRenameCst').then(module => ({
+    default: module.DlgRenameCst
+  }))
+);
+const DlgShowAST = React.lazy(() =>
+  import('@/features/rsform/dialogs/DlgShowAST').then(module => ({
+    default: module.DlgShowAST
+  }))
+);
+const DlgShowQR = React.lazy(() =>
+  import('@/features/rsform/dialogs/DlgShowQR').then(module => ({
+    default: module.DlgShowQR
+  }))
+);
+const DlgShowTypeGraph = React.lazy(() =>
+  import('@/features/rsform/dialogs/DlgShowTypeGraph').then(module => ({
+    default: module.DlgShowTypeGraph
+  }))
+);
+const DlgSubstituteCst = React.lazy(() =>
+  import('@/features/rsform/dialogs/DlgSubstituteCst').then(module => ({
+    default: module.DlgSubstituteCst
+  }))
+);
+const DlgUploadRSForm = React.lazy(() =>
+  import('@/features/rsform/dialogs/DlgUploadRSForm').then(module => ({
+    default: module.DlgUploadRSForm
+  }))
+);
+const DlgGraphParams = React.lazy(() =>
+  import('@/features/rsform/dialogs/DlgGraphParams').then(module => ({ default: module.DlgGraphParams }))
+);
 
 export const GlobalDialogs = () => {
   const active = useDialogsStore(state => state.active);

rsconcept/frontend/src/app/GlobalProviders.tsx

@@ -7,7 +7,7 @@ import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { queryClient } from '@/backend/queryClient';
 
 // prettier-ignore
-function GlobalProviders({ children }: React.PropsWithChildren) {
+export function GlobalProviders({ children }: React.PropsWithChildren) {
   return (
   <IntlProvider locale='ru' defaultLocale='ru'>
   <QueryClientProvider client={queryClient}>
@@ -18,5 +18,3 @@ function GlobalProviders({ children }: React.PropsWithChildren) {
   </QueryClientProvider>
   </IntlProvider>);
 }
-
-export default GlobalProviders;

rsconcept/frontend/src/app/GlobalTooltips.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import InfoConstituenta from '@/features/rsform/components/InfoConstituenta';
+import { InfoConstituenta } from '@/features/rsform/components/InfoConstituenta';
 
 import { Tooltip } from '@/components/Container';
 import { Loader } from '@/components/Loader';

rsconcept/frontend/src/app/MutationErrors.tsx

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { useMutationErrors } from '@/backend/useMutationErrors';
 import { Button } from '@/components/Control';
 import { DescribeError } from '@/components/InfoError';
-import useEscapeKey from '@/hooks/useEscapeKey';
+import { useEscapeKey } from '@/hooks/useEscapeKey';
 import { useDialogsStore } from '@/stores/dialogs';
 
 export function MutationErrors() {

rsconcept/frontend/src/app/Navigation/Logo.tsx

@@ -1,7 +1,7 @@
-import useWindowSize from '@/hooks/useWindowSize';
+import { useWindowSize } from '@/hooks/useWindowSize';
 import { usePreferencesStore } from '@/stores/preferences';
 
-function Logo() {
+export function Logo() {
   const darkMode = usePreferencesStore(state => state.darkMode);
   const size = useWindowSize();
 
@@ -13,4 +13,3 @@ function Logo() {
     />
   );
 }
-export default Logo;

rsconcept/frontend/src/app/Navigation/Navigation.tsx

@@ -2,17 +2,17 @@ import clsx from 'clsx';
 
 import { IconLibrary2, IconManuals, IconNewItem2 } from '@/components/Icons';
 import { CProps } from '@/components/props';
-import useWindowSize from '@/hooks/useWindowSize';
+import { useWindowSize } from '@/hooks/useWindowSize';
 import { useAppLayoutStore } from '@/stores/appLayout';
 import { PARAMETER } from '@/utils/constants';
 
 import { urls } from '../urls';
 
-import Logo from './Logo';
+import { Logo } from './Logo';
-import NavigationButton from './NavigationButton';
+import { NavigationButton } from './NavigationButton';
 import { useConceptNavigation } from './NavigationContext';
-import ToggleNavigation from './ToggleNavigation';
+import { ToggleNavigation } from './ToggleNavigation';
-import UserMenu from './UserMenu';
+import { UserMenu } from './UserMenu';
 
 export function Navigation() {
   const router = useConceptNavigation();

rsconcept/frontend/src/app/Navigation/NavigationButton.tsx

@@ -9,7 +9,7 @@ interface NavigationButtonProps extends CProps.Titled, CProps.Styling {
   onClick?: (event: CProps.EventMouse) => void;
 }
 
-function NavigationButton({
+export function NavigationButton({
   icon,
   title,
   className,
@@ -47,5 +47,3 @@ function NavigationButton({
     </button>
   );
 }
-
-export default NavigationButton;

rsconcept/frontend/src/app/Navigation/ToggleNavigation.tsx

@@ -5,7 +5,7 @@ import { useAppLayoutStore } from '@/stores/appLayout';
 import { usePreferencesStore } from '@/stores/preferences';
 import { globals, PARAMETER } from '@/utils/constants';
 
-function ToggleNavigation() {
+export function ToggleNavigation() {
   const darkMode = usePreferencesStore(state => state.darkMode);
   const toggleDarkMode = usePreferencesStore(state => state.toggleDarkMode);
   const noNavigation = useAppLayoutStore(state => state.noNavigation);
@@ -55,5 +55,3 @@ function ToggleNavigation() {
     </div>
   );
 }
-
-export default ToggleNavigation;

rsconcept/frontend/src/app/Navigation/UserButton.tsx

@@ -3,14 +3,14 @@ import { useAuthSuspense } from '@/features/auth';
 import { IconLogin, IconUser2 } from '@/components/Icons';
 import { usePreferencesStore } from '@/stores/preferences';
 
-import NavigationButton from './NavigationButton';
+import { NavigationButton } from './NavigationButton';
 
 interface UserButtonProps {
   onLogin: () => void;
   onClickUser: () => void;
 }
 
-function UserButton({ onLogin, onClickUser }: UserButtonProps) {
+export function UserButton({ onLogin, onClickUser }: UserButtonProps) {
   const { user, isAnonymous } = useAuthSuspense();
   const adminMode = usePreferencesStore(state => state.adminMode);
   if (isAnonymous) {
@@ -32,5 +32,3 @@ function UserButton({ onLogin, onClickUser }: UserButtonProps) {
     );
   }
 }
-
-export default UserButton;

rsconcept/frontend/src/app/Navigation/UserDropdown.tsx

@@ -27,7 +27,7 @@ interface UserDropdownProps {
   hideDropdown: () => void;
 }
 
-function UserDropdown({ isOpen, hideDropdown }: UserDropdownProps) {
+export function UserDropdown({ isOpen, hideDropdown }: UserDropdownProps) {
   const router = useConceptNavigation();
   const { user } = useAuthSuspense();
   const { logout } = useLogout();
@@ -141,5 +141,3 @@ function UserDropdown({ isOpen, hideDropdown }: UserDropdownProps) {
     </Dropdown>
   );
 }
-
-export default UserDropdown;

rsconcept/frontend/src/app/Navigation/UserMenu.tsx

@@ -6,10 +6,10 @@ import { Loader } from '@/components/Loader';
 import { urls } from '../urls';
 
 import { useConceptNavigation } from './NavigationContext';
-import UserButton from './UserButton';
+import { UserButton } from './UserButton';
-import UserDropdown from './UserDropdown';
+import { UserDropdown } from './UserDropdown';
 
-function UserMenu() {
+export function UserMenu() {
   const router = useConceptNavigation();
   const menu = useDropdown();
   return (
@@ -21,5 +21,3 @@ function UserMenu() {
     </div>
   );
 }
-
-export default UserMenu;

rsconcept/frontend/src/app/Router.tsx

@@ -1,11 +1,11 @@
 import { createBrowserRouter } from 'react-router';
 
 import { prefetchAuth } from '@/features/auth/backend/useAuth';
-import LoginPage from '@/features/auth/pages/LoginPage';
+import { LoginPage } from '@/features/auth/pages/LoginPage';
-import HomePage from '@/features/home/HomePage';
+import { HomePage } from '@/features/home/HomePage';
-import NotFoundPage from '@/features/home/NotFoundPage';
+import { NotFoundPage } from '@/features/home/NotFoundPage';
 import { prefetchLibrary } from '@/features/library/backend/useLibrary';
-import CreateItemPage from '@/features/library/pages/CreateItemPage';
+import { CreateItemPage } from '@/features/library/pages/CreateItemPage';
 import { prefetchOSS } from '@/features/oss/backend/useOSS';
 import { prefetchRSForm } from '@/features/rsform/backend/useRSForm';
 import { prefetchProfile } from '@/features/users/backend/useProfile';
@@ -13,7 +13,7 @@ import { prefetchUsers } from '@/features/users/backend/useUsers';
 
 import { Loader } from '@/components/Loader';
 
-import ApplicationLayout from './ApplicationLayout';
+import { ApplicationLayout } from './ApplicationLayout';
 import { ErrorFallback } from './ErrorFallback';
 import { routes } from './urls';
 

rsconcept/frontend/src/app/index.tsx

@@ -5,8 +5,6 @@ import { RouterProvider } from 'react-router';
 
 import { Router } from './Router';
 
-function App() {
+export function App() {
   return <RouterProvider router={Router} />;
 }
-
-export default App;

rsconcept/frontend/src/components/DataTable/DataTable.tsx

@@ -19,11 +19,11 @@ import {
 
 import { CProps } from '../props';
 
-import DefaultNoData from './DefaultNoData';
+import { DefaultNoData } from './DefaultNoData';
-import PaginationTools from './PaginationTools';
+import { PaginationTools } from './PaginationTools';
-import TableBody from './TableBody';
+import { TableBody } from './TableBody';
-import TableFooter from './TableFooter';
+import { TableFooter } from './TableFooter';
-import TableHeader from './TableHeader';
+import { TableHeader } from './TableHeader';
 
 export { type ColumnSort, createColumnHelper, type RowSelectionState, type VisibilityState };
 
@@ -109,7 +109,7 @@ export interface DataTableProps<TData extends RowData>
  * @param headPosition - Top position of sticky header (0 if no other sticky elements are present).
  * No sticky header if omitted
  */
-function DataTable<TData extends RowData>({
+export function DataTable<TData extends RowData>({
   id,
   style,
   className,
@@ -229,5 +229,3 @@ function DataTable<TData extends RowData>({
     </div>
   );
 }
-
-export default DataTable;

rsconcept/frontend/src/components/DataTable/DefaultNoData.tsx

@@ -1,5 +1,3 @@
-function defaultNoDataComponent() {
+export function DefaultNoData() {
   return <div className='p-2 text-center'>Данные отсутствуют</div>;
 }
-
-export default defaultNoDataComponent;

rsconcept/frontend/src/components/DataTable/PaginationTools.tsx

@@ -16,7 +16,7 @@ interface PaginationToolsProps<TData> {
   onChangePaginationOption?: (newValue: number) => void;
 }
 
-function PaginationTools<TData>({
+export function PaginationTools<TData>({
   id,
   table,
   paginationOptions,
@@ -106,5 +106,3 @@ function PaginationTools<TData>({
     </div>
   );
 }
-
-export default PaginationTools;

rsconcept/frontend/src/components/DataTable/SelectAll.tsx

@@ -9,7 +9,7 @@ interface SelectAllProps<TData> {
   resetLastSelected: () => void;
 }
 
-function SelectAll<TData>({ table, resetLastSelected }: SelectAllProps<TData>) {
+export function SelectAll<TData>({ table, resetLastSelected }: SelectAllProps<TData>) {
   function handleChange(value: boolean | null) {
     resetLastSelected();
     table.toggleAllPageRowsSelected(value !== false);
@@ -26,5 +26,3 @@ function SelectAll<TData>({ table, resetLastSelected }: SelectAllProps<TData>) {
     />
   );
 }
-
-export default SelectAll;

rsconcept/frontend/src/components/DataTable/SelectRow.tsx

@@ -9,7 +9,7 @@ interface SelectRowProps<TData> {
   onChangeLastSelected: (newValue: string) => void;
 }
 
-function SelectRow<TData>({ row, onChangeLastSelected }: SelectRowProps<TData>) {
+export function SelectRow<TData>({ row, onChangeLastSelected }: SelectRowProps<TData>) {
   function handleChange(value: boolean) {
     onChangeLastSelected(row.id);
     row.toggleSelected(value);
@@ -17,5 +17,3 @@ function SelectRow<TData>({ row, onChangeLastSelected }: SelectRowProps<TData>)
 
   return <Checkbox tabIndex={-1} value={row.getIsSelected()} onChange={handleChange} />;
 }
-
-export default SelectRow;

rsconcept/frontend/src/components/DataTable/SortingIcon.tsx

@@ -8,7 +8,7 @@ interface SortingIconProps<TData> {
   column: Column<TData>;
 }
 
-function SortingIcon<TData>({ column }: SortingIconProps<TData>) {
+export function SortingIcon<TData>({ column }: SortingIconProps<TData>) {
   return (
     <>
       {{
@@ -18,5 +18,3 @@ function SortingIcon<TData>({ column }: SortingIconProps<TData>) {
     </>
   );
 }
-
-export default SortingIcon;

rsconcept/frontend/src/components/DataTable/TableBody.tsx

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 
 import { CProps } from '../props';
 
-import SelectRow from './SelectRow';
+import { SelectRow } from './SelectRow';
 import { IConditionalStyle } from '.';
 
 interface TableBodyProps<TData> {
@@ -22,7 +22,7 @@ interface TableBodyProps<TData> {
   onRowDoubleClicked?: (rowData: TData, event: CProps.EventMouse) => void;
 }
 
-function TableBody<TData>({
+export function TableBody<TData>({
   table,
   dense,
   noHeader,
@@ -104,5 +104,3 @@ function TableBody<TData>({
     </tbody>
   );
 }
-
-export default TableBody;

rsconcept/frontend/src/components/DataTable/TableFooter.tsx

@@ -6,7 +6,7 @@ interface TableFooterProps<TData> {
   table: Table<TData>;
 }
 
-function TableFooter<TData>({ table }: TableFooterProps<TData>) {
+export function TableFooter<TData>({ table }: TableFooterProps<TData>) {
   return (
     <tfoot>
       {table.getFooterGroups().map((footerGroup: HeaderGroup<TData>) => (
@@ -21,5 +21,3 @@ function TableFooter<TData>({ table }: TableFooterProps<TData>) {
     </tfoot>
   );
 }
-
-export default TableFooter;

rsconcept/frontend/src/components/DataTable/TableHeader.tsx

@@ -2,8 +2,8 @@
 
 import { flexRender, Header, HeaderGroup, Table } from '@tanstack/react-table';
 
-import SelectAll from './SelectAll';
+import { SelectAll } from './SelectAll';
-import SortingIcon from './SortingIcon';
+import { SortingIcon } from './SortingIcon';
 
 interface TableHeaderProps<TData> {
   table: Table<TData>;
@@ -13,7 +13,7 @@ interface TableHeaderProps<TData> {
   resetLastSelected: () => void;
 }
 
-function TableHeader<TData>({
+export function TableHeader<TData>({
   table,
   headPosition,
   enableRowSelection,
@@ -61,5 +61,3 @@ function TableHeader<TData>({
     </thead>
   );
 }
-
-export default TableHeader;

rsconcept/frontend/src/components/DataTable/index.tsx

@@ -1,6 +1,6 @@
 export {
   createColumnHelper,
-  default,
+  DataTable,
   type IConditionalStyle,
   type RowSelectionState,
   type VisibilityState

rsconcept/frontend/src/components/Dropdown/useDropdown.ts

@@ -2,7 +2,7 @@
 
 import { useRef, useState } from 'react';
 
-import useClickedOutside from '@/hooks/useClickedOutside';
+import { useClickedOutside } from '@/hooks/useClickedOutside';
 
 export function useDropdown() {
   const [isOpen, setIsOpen] = useState(false);

rsconcept/frontend/src/components/Flow/DynamicEdge.tsx

@@ -4,7 +4,7 @@ import { PARAMETER } from '@/utils/constants';
 
 const RADIUS = PARAMETER.graphNodeRadius + PARAMETER.graphNodePadding;
 
-function DynamicEdge({ id, markerEnd, style, ...props }: EdgeProps) {
+export function DynamicEdge({ id, markerEnd, style, ...props }: EdgeProps) {
   const sourceY = props.sourceY - PARAMETER.graphNodeRadius - PARAMETER.graphHandleSize;
   const targetY = props.targetY + PARAMETER.graphNodeRadius + PARAMETER.graphHandleSize;
 
@@ -32,5 +32,3 @@ function DynamicEdge({ id, markerEnd, style, ...props }: EdgeProps) {
     </>
   );
 }
-
-export default DynamicEdge;

rsconcept/frontend/src/components/Input/SelectMulti.tsx

@@ -9,7 +9,7 @@ import Select, {
   StylesConfig
 } from 'react-select';
 
-import useWindowSize from '@/hooks/useWindowSize';
+import { useWindowSize } from '@/hooks/useWindowSize';
 import { APP_COLORS, SELECT_THEME } from '@/styling/colors';
 
 import { IconClose, IconDropArrow, IconDropArrowUp } from '../Icons';

rsconcept/frontend/src/components/Input/SelectSingle.tsx

@@ -9,7 +9,7 @@ import Select, {
   StylesConfig
 } from 'react-select';
 
-import useWindowSize from '@/hooks/useWindowSize';
+import { useWindowSize } from '@/hooks/useWindowSize';
 import { APP_COLORS, SELECT_THEME } from '@/styling/colors';
 
 import { IconClose, IconDropArrow, IconDropArrowUp } from '../Icons';

rsconcept/frontend/src/components/Modal/ModalForm.tsx

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 
 import { BadgeHelp, HelpTopic } from '@/features/help';
 
-import useEscapeKey from '@/hooks/useEscapeKey';
+import { useEscapeKey } from '@/hooks/useEscapeKey';
 import { useDialogsStore } from '@/stores/dialogs';
 import { PARAMETER } from '@/utils/constants';
 import { prepareTooltip } from '@/utils/utils';

rsconcept/frontend/src/components/Modal/ModalView.tsx

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 
 import { BadgeHelp } from '@/features/help';
 
-import useEscapeKey from '@/hooks/useEscapeKey';
+import { useEscapeKey } from '@/hooks/useEscapeKey';
 import { useDialogsStore } from '@/stores/dialogs';
 import { PARAMETER } from '@/utils/constants';
 import { prepareTooltip } from '@/utils/utils';

rsconcept/frontend/src/components/View/PDFViewer.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import useWindowSize from '@/hooks/useWindowSize';
+import { useWindowSize } from '@/hooks/useWindowSize';
 import { useFitHeight } from '@/stores/appLayout';
 
 /** Maximum width of the viewer. */

rsconcept/frontend/src/features/auth/pages/LoginPage.tsx

@@ -10,7 +10,7 @@ import { isAxiosError } from '@/backend/apiTransport';
 import { SubmitButton, TextURL } from '@/components/Control';
 import { ErrorData } from '@/components/InfoError';
 import { TextInput } from '@/components/Input';
-import useQueryStrings from '@/hooks/useQueryStrings';
+import { useQueryStrings } from '@/hooks/useQueryStrings';
 import { resources } from '@/utils/constants';
 
 import { IUserLoginDTO, schemaUserLogin } from '../backend/types';
@@ -18,7 +18,7 @@ import { useAuthSuspense } from '../backend/useAuth';
 import { useLogin } from '../backend/useLogin';
 import { ExpectedAnonymous } from '../components/ExpectedAnonymous';
 
-function LoginPage() {
+export function LoginPage() {
   const router = useConceptNavigation();
   const query = useQueryStrings();
   const initialName = query.get('username') ?? '';
@@ -92,8 +92,6 @@ function LoginPage() {
   );
 }
 
-export default LoginPage;
-
 // ====== Internals =========
 function ServerError({ error }: { error: ErrorData }): React.ReactElement | null {
   if (isAxiosError(error) && error.response && error.response.status === 400) {

rsconcept/frontend/src/features/auth/pages/PasswordChangePage.tsx

@@ -10,7 +10,7 @@ import { SubmitButton } from '@/components/Control';
 import { ErrorData, InfoError } from '@/components/InfoError';
 import { TextInput } from '@/components/Input';
 import { Loader } from '@/components/Loader';
-import useQueryStrings from '@/hooks/useQueryStrings';
+import { useQueryStrings } from '@/hooks/useQueryStrings';
 
 import { useResetPassword } from '../backend/useResetPassword';
 

rsconcept/frontend/src/features/help/components/BadgeHelp.tsx

@@ -9,7 +9,9 @@ import { usePreferencesStore } from '@/stores/preferences';
 
 import { HelpTopic } from '../models/helpTopic';
 
-const TopicPage = React.lazy(() => import('@/features/help/pages/ManualsPage/TopicPage'));
+const TopicPage = React.lazy(() =>
+  import('@/features/help/pages/ManualsPage/TopicPage').then(module => ({ default: module.TopicPage }))
+);
 
 interface BadgeHelpProps extends CProps.Styling {
   /** Topic to display in a tooltip. */

rsconcept/frontend/src/features/help/components/InfoCstClass.tsx

@@ -10,7 +10,7 @@ interface InfoCstClassProps {
   header?: string;
 }
 
-function InfoCstClass({ header }: InfoCstClassProps) {
+export function InfoCstClass({ header }: InfoCstClassProps) {
   return (
     <div className='flex flex-col gap-1 mb-2 dense'>
       {header ? <h1>{header}</h1> : null}
@@ -31,5 +31,3 @@ function InfoCstClass({ header }: InfoCstClassProps) {
     </div>
   );
 }
-
-export default InfoCstClass;

rsconcept/frontend/src/features/help/components/InfoCstStatus.tsx

@@ -10,7 +10,7 @@ interface InfoCstStatusProps {
   title?: string;
 }
 
-function InfoCstStatus({ title }: InfoCstStatusProps) {
+export function InfoCstStatus({ title }: InfoCstStatusProps) {
   return (
     <div className='flex flex-col gap-1 mb-2 dense'>
       {title ? <h1>{title}</h1> : null}
@@ -37,5 +37,3 @@ function InfoCstStatus({ title }: InfoCstStatusProps) {
     </div>
   );
 }
-
-export default InfoCstStatus;

rsconcept/frontend/src/features/help/items/HelpAccess.tsx

@@ -1,6 +1,6 @@
 import { IconHide, IconImmutable, IconPrivate, IconProtected, IconPublic } from '@/components/Icons';
 
-function HelpAccess() {
+export function HelpAccess() {
   return (
     <div>
       <h1>Организация доступов</h1>
@@ -29,5 +29,3 @@ function HelpAccess() {
     </div>
   );
 }
-
-export default HelpAccess;

rsconcept/frontend/src/features/help/items/HelpConcept.tsx

@@ -4,7 +4,7 @@ import { external_urls } from '@/utils/constants';
 import { Subtopics } from '../components/Subtopics';
 import { HelpTopic } from '../models/helpTopic';
 
-function HelpConceptSystem() {
+export function HelpConcept() {
   return (
     <div className='text-justify'>
       <h1>Концептуализация</h1>
@@ -43,5 +43,3 @@ function HelpConceptSystem() {
     </div>
   );
 }
-
-export default HelpConceptSystem;

rsconcept/frontend/src/features/help/items/HelpExteor.tsx

@@ -1,7 +1,7 @@
 import { TextURL } from '@/components/Control';
 import { external_urls, PARAMETER } from '@/utils/constants';
 
-function HelpExteor() {
+export function HelpExteor() {
   return (
     <div>
       <h1>Экстеор</h1>
@@ -38,5 +38,3 @@ function HelpExteor() {
     </div>
   );
 }
-
-export default HelpExteor;

rsconcept/frontend/src/features/help/items/HelpInfo.tsx

@@ -1,7 +1,7 @@
 import { Subtopics } from '../components/Subtopics';
 import { HelpTopic } from '../models/helpTopic';
 
-function HelpInfo() {
+export function HelpInfo() {
   return (
     <div>
       <h1>Справочная информация и документы</h1>
@@ -14,5 +14,3 @@ function HelpInfo() {
     </div>
   );
 }
-
-export default HelpInfo;

rsconcept/frontend/src/features/help/items/HelpInterface.tsx

@@ -12,7 +12,7 @@ import {
 import { Subtopics } from '../components/Subtopics';
 import { HelpTopic } from '../models/helpTopic';
 
-function HelpInterface() {
+export function HelpInterface() {
   return (
     <div>
       <h1>Пользовательский интерфейс</h1>
@@ -60,5 +60,3 @@ function HelpInterface() {
     </div>
   );
 }
-
-export default HelpInterface;

rsconcept/frontend/src/features/help/items/HelpMain.tsx

@@ -5,7 +5,7 @@ import { LinkTopic } from '../components/LinkTopic';
 import { TopicItem } from '../components/TopicItem';
 import { HelpTopic } from '../models/helpTopic';
 
-function HelpMain() {
+export function HelpMain() {
   return (
     <div className='text-justify'>
       <h1>Портал</h1>
@@ -66,5 +66,3 @@ function HelpMain() {
     </div>
   );
 }
-
-export default HelpMain;

rsconcept/frontend/src/features/help/items/HelpRSLang.tsx

@@ -1,11 +1,11 @@
 import { EmbedYoutube } from '@/components/View';
-import useWindowSize from '@/hooks/useWindowSize';
+import { useWindowSize } from '@/hooks/useWindowSize';
 import { external_urls, youtube } from '@/utils/constants';
 
 import { Subtopics } from '../components/Subtopics';
 import { HelpTopic } from '../models/helpTopic';
 
-function HelpRSLang() {
+export function HelpRSLang() {
   const windowSize = useWindowSize();
 
   const videoHeight = (() => {
@@ -35,5 +35,3 @@ function HelpRSLang() {
     </div>
   </div>);
 }
-
-export default HelpRSLang;

rsconcept/frontend/src/features/help/items/HelpTerminologyControl.tsx

@@ -1,4 +1,4 @@
-function HelpTerminologyControl() {
+export function HelpTerminologyControl() {
   return (
     <div>
       <h1>Терминологизация</h1>
@@ -24,5 +24,3 @@ function HelpTerminologyControl() {
     </div>
   );
 }
-
-export default HelpTerminologyControl;

rsconcept/frontend/src/features/help/items/HelpThesaurus.tsx

@@ -30,7 +30,7 @@ import {
 import { LinkTopic } from '../components/LinkTopic';
 import { HelpTopic } from '../models/helpTopic';
 
-function HelpThesaurus() {
+export function HelpThesaurus() {
   return (
     <div className='text-justify'>
       <h1>Тезаурус</h1>
@@ -281,5 +281,3 @@ function HelpThesaurus() {
     </div>
   );
 }
-
-export default HelpThesaurus;

rsconcept/frontend/src/features/help/items/HelpVersions.tsx

@@ -1,6 +1,6 @@
 import { IconEditor, IconNewVersion, IconShare, IconUpload, IconVersions } from '@/components/Icons';
 
-function HelpVersions() {
+export function HelpVersions() {
   return (
     <div className=''>
       <h1>Версионирование схем</h1>
@@ -28,5 +28,3 @@ function HelpVersions() {
     </div>
   );
 }
-
-export default HelpVersions;

rsconcept/frontend/src/features/help/items/cc/HelpConceptOSS.tsx

@@ -11,7 +11,7 @@ import {
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpConceptOSS() {
+export function HelpConceptOSS() {
   return (
     <div className='text-justify'>
       <h1>Операционная схема синтеза</h1>
@@ -70,5 +70,3 @@ function HelpConceptOSS() {
     </div>
   );
 }
-
-export default HelpConceptOSS;

rsconcept/frontend/src/features/help/items/cc/HelpConceptPropagation.tsx

@@ -3,7 +3,7 @@ import { IconPredecessor } from '@/components/Icons';
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpConceptPropagation() {
+export function HelpConceptPropagation() {
   return (
     <div className='text-justify'>
       <h1>Сквозные изменения</h1>
@@ -44,5 +44,3 @@ function HelpConceptPropagation() {
     </div>
   );
 }
-
-export default HelpConceptPropagation;

rsconcept/frontend/src/features/help/items/cc/HelpConceptRelations.tsx

@@ -1,7 +1,7 @@
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpConceptRelations() {
+export function HelpConceptRelations() {
   return (
     <div className='text-justify'>
       <h1>Связи между конституентами</h1>
@@ -38,5 +38,3 @@ function HelpConceptRelations() {
     </div>
   );
 }
-
-export default HelpConceptRelations;

rsconcept/frontend/src/features/help/items/cc/HelpConceptSynthesis.tsx

@@ -1,7 +1,7 @@
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpConceptSynthesis() {
+export function HelpConceptSynthesis() {
   return (
     <div className='text-justify'>
       <h1>Синтез концептуальных схем</h1>
@@ -46,5 +46,3 @@ function HelpConceptSynthesis() {
     </div>
   );
 }
-
-export default HelpConceptSynthesis;

rsconcept/frontend/src/features/help/items/cc/HelpConceptSystem.tsx

@@ -1,7 +1,7 @@
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpConceptSystem() {
+export function HelpConceptSystem() {
   return (
     <div className='text-justify'>
       <h1>Концептуальная схема – Система определений</h1>
@@ -61,5 +61,3 @@ function HelpConceptSystem() {
     </div>
   );
 }
-
-export default HelpConceptSystem;

rsconcept/frontend/src/features/help/items/cc/HelpCstAttributes.tsx

@@ -1,7 +1,7 @@
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpCstAttributes() {
+export function HelpCstAttributes() {
   return (
     <div className='dense'>
       <h1>Атрибуты конституенты</h1>
@@ -64,5 +64,3 @@ function HelpCstAttributes() {
     </div>
   );
 }
-
-export default HelpCstAttributes;

rsconcept/frontend/src/features/help/items/info/HelpAPI.tsx

@@ -1,7 +1,7 @@
 import { TextURL } from '@/components/Control';
 import { external_urls } from '@/utils/constants';
 
-function HelpAPI() {
+export function HelpAPI() {
   return (
     <div>
       <h1>Программный интерфейс Портала</h1>
@@ -16,5 +16,3 @@ function HelpAPI() {
     </div>
   );
 }
-
-export default HelpAPI;

rsconcept/frontend/src/features/help/items/info/HelpContributors.tsx

@@ -4,7 +4,7 @@ import { external_urls } from '@/utils/constants';
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpInfo() {
+export function HelpContributors() {
   return (
     <div>
       <h1>Благодарности разработчикам и исследователям</h1>
@@ -291,5 +291,3 @@ function HelpInfo() {
     </div>
   );
 }
-
-export default HelpInfo;

rsconcept/frontend/src/features/help/items/info/HelpPrivacy.tsx

@@ -6,12 +6,10 @@ interface HelpPrivacyProps {
   minWidth: number;
 }
 
-function HelpPrivacy({ offsetXpx, minWidth }: HelpPrivacyProps) {
+export function HelpPrivacy({ offsetXpx, minWidth }: HelpPrivacyProps) {
   return (
     <div>
       <PDFViewer file={resources.privacy_policy} offsetXpx={offsetXpx} minWidth={minWidth} />
     </div>
   );
 }
-
-export default HelpPrivacy;

rsconcept/frontend/src/features/help/items/info/HelpRules.tsx

@@ -3,7 +3,7 @@ import { urls } from '@/app';
 import { TextURL } from '@/components/Control';
 import { external_urls } from '@/utils/constants';
 
-function HelpRules() {
+export function HelpRules() {
   return (
     <div className='text-justify'>
       <h1>Правила поведения участников Портала</h1>
@@ -53,5 +53,3 @@ function HelpRules() {
     </div>
   );
 }
-
-export default HelpRules;

rsconcept/frontend/src/features/help/items/rslang/HelpRSLangCorrect.tsx

@@ -1,7 +1,7 @@
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpRSLangCorrect() {
+export function HelpRSLangCorrect() {
   return (
     <div className='text-justify'>
       <h1>Переносимость и корректность</h1>
@@ -33,5 +33,3 @@ function HelpRSLangCorrect() {
     </div>
   );
 }
-
-export default HelpRSLangCorrect;

rsconcept/frontend/src/features/help/items/rslang/HelpRSLangInterpret.tsx

@@ -1,7 +1,7 @@
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpRSLangInterpret() {
+export function HelpRSLangInterpret() {
   return (
     <div className='text-justify'>
       <h1>Интерпретируемость</h1>
@@ -41,5 +41,3 @@ function HelpRSLangInterpret() {
     </div>
   );
 }
-
-export default HelpRSLangInterpret;

rsconcept/frontend/src/features/help/items/rslang/HelpRSLangOperations.tsx

@@ -10,7 +10,7 @@ import {
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpRSLangOperations() {
+export function HelpRSLangOperations() {
   return (
     <div>
       <h1>Операции над концептуальными схемами</h1>
@@ -80,5 +80,3 @@ function HelpRSLangOperations() {
     </div>
   );
 }
-
-export default HelpRSLangOperations;

rsconcept/frontend/src/features/help/items/rslang/HelpRSLangTemplates.tsx

@@ -1,4 +1,4 @@
-function HelpRSLangTemplates() {
+export function HelpRSLangTemplates() {
   return (
     <div>
       <h1>Шаблоны</h1>
@@ -24,5 +24,3 @@ function HelpRSLangTemplates() {
     </div>
   );
 }
-
-export default HelpRSLangTemplates;

rsconcept/frontend/src/features/help/items/rslang/HelpRSLangTypes.tsx

@@ -1,4 +1,4 @@
-function HelpRSLangTypes() {
+export function HelpRSLangTypes() {
   return (
     <div>
       <h1>Типизация</h1>
@@ -41,5 +41,3 @@ function HelpRSLangTypes() {
     </div>
   );
 }
-
-export default HelpRSLangTypes;

rsconcept/frontend/src/features/help/items/ui/HelpCstClass.tsx

@@ -1,7 +1,5 @@
-import InfoCstClass from '../../components/InfoCstClass';
+import { InfoCstClass } from '../../components/InfoCstClass';
 
-function HelpCstClass() {
+export function HelpCstClass() {
   return <InfoCstClass header='Классы конституент' />;
 }
-
-export default HelpCstClass;

rsconcept/frontend/src/features/help/items/ui/HelpCstStatus.tsx

@@ -1,7 +1,5 @@
-import InfoCstStatus from '../../components/InfoCstStatus';
+import { InfoCstStatus } from '../../components/InfoCstStatus';
 
-function HelpCstStatus() {
+export function HelpCstStatus() {
   return <InfoCstStatus title='Статусы конституент' />;
 }
-
-export default HelpCstStatus;

rsconcept/frontend/src/features/help/items/ui/HelpFormulaTree.tsx

@@ -1,6 +1,6 @@
 import { APP_COLORS } from '@/styling/colors';
 
-function HelpFormulaTree() {
+export function HelpFormulaTree() {
   return (
     <div>
       <h1>Дерево разбора выражения</h1>
@@ -32,5 +32,3 @@ function HelpFormulaTree() {
     </div>
   );
 }
-
-export default HelpFormulaTree;

rsconcept/frontend/src/features/help/items/ui/HelpLibrary.tsx

@@ -21,7 +21,7 @@ import { APP_COLORS } from '@/styling/colors';
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpLibrary() {
+export function HelpLibrary() {
   return (
     <div>
       <h1>Библиотека схем</h1>
@@ -89,5 +89,3 @@ function HelpLibrary() {
     </div>
   );
 }
-
-export default HelpLibrary;

rsconcept/frontend/src/features/help/items/ui/HelpOssGraph.tsx

@@ -23,7 +23,7 @@ import {
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpOssGraph() {
+export function HelpOssGraph() {
   return (
     <div className='flex flex-col'>
       <h1 className='sm:pr-[6rem]'>Граф синтеза</h1>
@@ -117,5 +117,3 @@ function HelpOssGraph() {
     </div>
   );
 }
-
-export default HelpOssGraph;

rsconcept/frontend/src/features/help/items/ui/HelpRSCard.tsx

@@ -13,7 +13,7 @@ import {
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpRSCard() {
+export function HelpRSCard() {
   return (
     <div className='dense'>
       <h1>Карточка схемы</h1>
@@ -60,5 +60,3 @@ function HelpRSCard() {
     </div>
   );
 }
-
-export default HelpRSCard;

rsconcept/frontend/src/features/help/items/ui/HelpRSEditor.tsx

@@ -23,7 +23,7 @@ import { APP_COLORS } from '@/styling/colors';
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpRSEditor() {
+export function HelpRSEditor() {
   return (
     <div className='dense'>
       <h1>Редактор конституенты</h1>
@@ -110,5 +110,3 @@ function HelpRSEditor() {
     </div>
   );
 }
-
-export default HelpRSEditor;

rsconcept/frontend/src/features/help/items/ui/HelpRSGraphTerm.tsx

@@ -25,7 +25,7 @@ import { APP_COLORS } from '@/styling/colors';
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpRSGraphTerm() {
+export function HelpRSGraphTerm() {
   return (
     <div className='flex flex-col'>
       <h1>Граф термов</h1>
@@ -121,5 +121,3 @@ function HelpRSGraphTerm() {
     </div>
   );
 }
-
-export default HelpRSGraphTerm;

rsconcept/frontend/src/features/help/items/ui/HelpRSList.tsx

@@ -11,11 +11,11 @@ import {
   IconReset
 } from '@/components/Icons';
 
-import InfoCstStatus from '../../components/InfoCstStatus';
+import { InfoCstStatus } from '../../components/InfoCstStatus';
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpRSList() {
+export function HelpRSList() {
   return (
     <div className='dense'>
       <h1>Список конституент</h1>
@@ -63,5 +63,3 @@ function HelpRSList() {
     </div>
   );
 }
-
-export default HelpRSList;

rsconcept/frontend/src/features/help/items/ui/HelpRSMenu.tsx

@@ -18,7 +18,7 @@ import {
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpRSMenu() {
+export function HelpRSMenu() {
   return (
     <div>
       <h1>Редактирование схемы</h1>
@@ -100,5 +100,3 @@ function HelpRSMenu() {
     </div>
   );
 }
-
-export default HelpRSMenu;

rsconcept/frontend/src/features/help/items/ui/HelpRelocateCst.tsx

@@ -3,7 +3,7 @@ import { IconMoveDown, IconMoveUp, IconOSS, IconPredecessor } from '@/components
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpRelocateCst() {
+export function HelpRelocateCst() {
   return (
     <div className='text-justify'>
       <h1>Перенос конституент</h1>
@@ -32,5 +32,3 @@ function HelpRelocateCst() {
     </div>
   );
 }
-
-export default HelpRelocateCst;

rsconcept/frontend/src/features/help/items/ui/HelpSubstitutions.tsx

@@ -1,4 +1,4 @@
-function HelpSubstitutions() {
+export function HelpSubstitutions() {
   return (
     <div>
       <h1>Таблица отождествлений</h1>
@@ -19,5 +19,3 @@ function HelpSubstitutions() {
     </div>
   );
 }
-
-export default HelpSubstitutions;

rsconcept/frontend/src/features/help/items/ui/HelpTypeGraph.tsx

@@ -3,7 +3,7 @@ import { APP_COLORS } from '@/styling/colors';
 import { LinkTopic } from '../../components/LinkTopic';
 import { HelpTopic } from '../../models/helpTopic';
 
-function HelpTypeGraph() {
+export function HelpTypeGraph() {
   return (
     <div>
       <h1>Граф ступеней</h1>
@@ -32,5 +32,3 @@ function HelpTypeGraph() {
     </div>
   );
 }
-
-export default HelpTypeGraph;

rsconcept/frontend/src/features/help/pages/ManualsPage/ManualsPage.tsx

@@ -2,14 +2,14 @@
 
 import { urls, useConceptNavigation } from '@/app';
 
-import useQueryStrings from '@/hooks/useQueryStrings';
+import { useQueryStrings } from '@/hooks/useQueryStrings';
 import { useMainHeight } from '@/stores/appLayout';
 import { PARAMETER } from '@/utils/constants';
 
 import { HelpTopic } from '../../models/helpTopic';
 
-import TopicsList from './TopicsList';
+import { TopicsList } from './TopicsList';
-import ViewTopic from './ViewTopic';
+import { ViewTopic } from './ViewTopic';
 
 export function ManualsPage() {
   const router = useConceptNavigation();

rsconcept/frontend/src/features/help/pages/ManualsPage/TopicPage.tsx

@@ -1,43 +1,43 @@
-import useWindowSize from '@/hooks/useWindowSize';
+import { useWindowSize } from '@/hooks/useWindowSize';
 
-import HelpConceptOSS from '../../items/cc/HelpConceptOSS';
+import { HelpConceptOSS } from '../../items/cc/HelpConceptOSS';
-import HelpConceptPropagation from '../../items/cc/HelpConceptPropagation';
+import { HelpConceptPropagation } from '../../items/cc/HelpConceptPropagation';
-import HelpConceptRelations from '../../items/cc/HelpConceptRelations';
+import { HelpConceptRelations } from '../../items/cc/HelpConceptRelations';
-import HelpConceptSynthesis from '../../items/cc/HelpConceptSynthesis';
+import { HelpConceptSynthesis } from '../../items/cc/HelpConceptSynthesis';
-import HelpConceptSystem from '../../items/cc/HelpConceptSystem';
+import { HelpConceptSystem } from '../../items/cc/HelpConceptSystem';
-import HelpCstAttributes from '../../items/cc/HelpCstAttributes';
+import { HelpCstAttributes } from '../../items/cc/HelpCstAttributes';
-import HelpAccess from '../../items/HelpAccess';
+import { HelpAccess } from '../../items/HelpAccess';
-import HelpConcept from '../../items/HelpConcept';
+import { HelpConcept } from '../../items/HelpConcept';
-import HelpExteor from '../../items/HelpExteor';
+import { HelpExteor } from '../../items/HelpExteor';
-import HelpInfo from '../../items/HelpInfo';
+import { HelpInfo } from '../../items/HelpInfo';
-import HelpInterface from '../../items/HelpInterface';
+import { HelpInterface } from '../../items/HelpInterface';
-import HelpMain from '../../items/HelpMain';
+import { HelpMain } from '../../items/HelpMain';
-import HelpRSLang from '../../items/HelpRSLang';
+import { HelpRSLang } from '../../items/HelpRSLang';
-import HelpTerminologyControl from '../../items/HelpTerminologyControl';
+import { HelpTerminologyControl } from '../../items/HelpTerminologyControl';
-import HelpThesaurus from '../../items/HelpThesaurus';
+import { HelpThesaurus } from '../../items/HelpThesaurus';
-import HelpVersions from '../../items/HelpVersions';
+import { HelpVersions } from '../../items/HelpVersions';
-import HelpAPI from '../../items/info/HelpAPI';
+import { HelpAPI } from '../../items/info/HelpAPI';
-import HelpContributors from '../../items/info/HelpContributors';
+import { HelpContributors } from '../../items/info/HelpContributors';
-import HelpPrivacy from '../../items/info/HelpPrivacy';
+import { HelpPrivacy } from '../../items/info/HelpPrivacy';
-import HelpRules from '../../items/info/HelpRules';
+import { HelpRules } from '../../items/info/HelpRules';
-import HelpRSLangCorrect from '../../items/rslang/HelpRSLangCorrect';
+import { HelpRSLangCorrect } from '../../items/rslang/HelpRSLangCorrect';
-import HelpRSLangInterpret from '../../items/rslang/HelpRSLangInterpret';
+import { HelpRSLangInterpret } from '../../items/rslang/HelpRSLangInterpret';
-import HelpRSLangOperations from '../../items/rslang/HelpRSLangOperations';
+import { HelpRSLangOperations } from '../../items/rslang/HelpRSLangOperations';
-import HelpRSLangTemplates from '../../items/rslang/HelpRSLangTemplates';
+import { HelpRSLangTemplates } from '../../items/rslang/HelpRSLangTemplates';
-import HelpRSLangTypes from '../../items/rslang/HelpRSLangTypes';
+import { HelpRSLangTypes } from '../../items/rslang/HelpRSLangTypes';
-import HelpCstClass from '../../items/ui/HelpCstClass';
+import { HelpCstClass } from '../../items/ui/HelpCstClass';
-import HelpCstStatus from '../../items/ui/HelpCstStatus';
+import { HelpCstStatus } from '../../items/ui/HelpCstStatus';
-import HelpFormulaTree from '../../items/ui/HelpFormulaTree';
+import { HelpFormulaTree } from '../../items/ui/HelpFormulaTree';
-import HelpLibrary from '../../items/ui/HelpLibrary';
+import { HelpLibrary } from '../../items/ui/HelpLibrary';
-import HelpOssGraph from '../../items/ui/HelpOssGraph';
+import { HelpOssGraph } from '../../items/ui/HelpOssGraph';
-import HelpRelocateCst from '../../items/ui/HelpRelocateCst';
+import { HelpRelocateCst } from '../../items/ui/HelpRelocateCst';
-import HelpRSCard from '../../items/ui/HelpRSCard';
+import { HelpRSCard } from '../../items/ui/HelpRSCard';
-import HelpRSEditor from '../../items/ui/HelpRSEditor';
+import { HelpRSEditor } from '../../items/ui/HelpRSEditor';
-import HelpRSGraphTerm from '../../items/ui/HelpRSGraphTerm';
+import { HelpRSGraphTerm } from '../../items/ui/HelpRSGraphTerm';
-import HelpRSList from '../../items/ui/HelpRSList';
+import { HelpRSList } from '../../items/ui/HelpRSList';
-import HelpRSMenu from '../../items/ui/HelpRSMenu';
+import { HelpRSMenu } from '../../items/ui/HelpRSMenu';
-import HelpSubstitutions from '../../items/ui/HelpSubstitutions';
+import { HelpSubstitutions } from '../../items/ui/HelpSubstitutions';
-import HelpTypeGraph from '../../items/ui/HelpTypeGraph';
+import { HelpTypeGraph } from '../../items/ui/HelpTypeGraph';
 import { HelpTopic } from '../../models/helpTopic';
 
 // PDF Viewer setup
@@ -51,7 +51,7 @@ interface TopicPageProps {
   topic: HelpTopic;
 }
 
-function TopicPage({ topic }: TopicPageProps) {
+export function TopicPage({ topic }: TopicPageProps) {
   const size = useWindowSize();
 
   if (topic === HelpTopic.MAIN) return <HelpMain />;
@@ -106,5 +106,3 @@ function TopicPage({ topic }: TopicPageProps) {
   if (topic === HelpTopic.EXTEOR) return <HelpExteor />;
   return null;
 }
-
-export default TopicPage;

rsconcept/frontend/src/features/help/pages/ManualsPage/TopicsDropdown.tsx

@@ -17,7 +17,7 @@ interface TopicsDropdownProps {
   onChangeTopic: (newTopic: HelpTopic) => void;
 }
 
-function TopicsDropdown({ activeTopic, onChangeTopic }: TopicsDropdownProps) {
+export function TopicsDropdown({ activeTopic, onChangeTopic }: TopicsDropdownProps) {
   const menu = useDropdown();
   const noNavigation = useAppLayoutStore(state => state.noNavigation);
   const treeHeight = useFitHeight('4rem + 2px');
@@ -74,5 +74,3 @@ function TopicsDropdown({ activeTopic, onChangeTopic }: TopicsDropdownProps) {
     </div>
   );
 }
-
-export default TopicsDropdown;

rsconcept/frontend/src/features/help/pages/ManualsPage/TopicsList.tsx

@@ -1,18 +1,18 @@
 'use client';
 
-import useWindowSize from '@/hooks/useWindowSize';
+import { useWindowSize } from '@/hooks/useWindowSize';
 
 import { HelpTopic } from '../../models/helpTopic';
 
-import TopicsDropdown from './TopicsDropdown';
+import { TopicsDropdown } from './TopicsDropdown';
-import TopicsStatic from './TopicsStatic';
+import { TopicsStatic } from './TopicsStatic';
 
 interface TopicsListProps {
   activeTopic: HelpTopic;
   onChangeTopic: (newTopic: HelpTopic) => void;
 }
 
-function TopicsList({ activeTopic, onChangeTopic }: TopicsListProps) {
+export function TopicsList({ activeTopic, onChangeTopic }: TopicsListProps) {
   const size = useWindowSize();
 
   if (!size.isSmall) {
@@ -21,5 +21,3 @@ function TopicsList({ activeTopic, onChangeTopic }: TopicsListProps) {
     return <TopicsDropdown activeTopic={activeTopic} onChangeTopic={onChangeTopic} />;
   }
 }
-
-export default TopicsList;

rsconcept/frontend/src/features/help/pages/ManualsPage/TopicsStatic.tsx

@@ -12,7 +12,7 @@ interface TopicsStaticProps {
   onChangeTopic: (newTopic: HelpTopic) => void;
 }
 
-function TopicsStatic({ activeTopic, onChangeTopic }: TopicsStaticProps) {
+export function TopicsStatic({ activeTopic, onChangeTopic }: TopicsStaticProps) {
   const topicsHeight = useFitHeight('1rem + 2px');
   return (
     <SelectTree
@@ -36,5 +36,3 @@ function TopicsStatic({ activeTopic, onChangeTopic }: TopicsStaticProps) {
     />
   );
 }
-
-export default TopicsStatic;

rsconcept/frontend/src/features/help/pages/ManualsPage/ViewTopic.tsx

@@ -4,13 +4,13 @@ import { useMainHeight } from '@/stores/appLayout';
 
 import { HelpTopic } from '../../models/helpTopic';
 
-import TopicPage from './TopicPage';
+import { TopicPage } from './TopicPage';
 
 interface ViewTopicProps {
   topic: HelpTopic;
 }
 
-function ViewTopic({ topic }: ViewTopicProps) {
+export function ViewTopic({ topic }: ViewTopicProps) {
   const mainHeight = useMainHeight();
   return (
     <div
@@ -22,5 +22,3 @@ function ViewTopic({ topic }: ViewTopicProps) {
     </div>
   );
 }
-
-export default ViewTopic;

rsconcept/frontend/src/features/home/HomePage.tsx

@@ -1,7 +1,7 @@
 import { urls, useConceptNavigation } from '@/app';
 import { useAuthSuspense } from '@/features/auth';
 
-function HomePage() {
+export function HomePage() {
   const router = useConceptNavigation();
   const { isAnonymous } = useAuthSuspense();
 
@@ -13,5 +13,3 @@ function HomePage() {
 
   return null;
 }
-
-export default HomePage;

rsconcept/frontend/src/features/home/NotFoundPage.tsx

@@ -9,5 +9,3 @@ export function NotFoundPage() {
     </div>
   );
 }
-
-export default NotFoundPage;

rsconcept/frontend/src/features/library/components/BadgeLocation.tsx

@@ -9,12 +9,10 @@ interface BadgeLocationProps {
 /**
  * Displays location icon with a full text tooltip.
  */
-function BadgeLocation({ location }: BadgeLocationProps) {
+export function BadgeLocation({ location }: BadgeLocationProps) {
   return (
     <div className='pl-2' data-tooltip-id={globals.tooltip} data-tooltip-content={location}>
       <LocationIcon value={location} size='1.25rem' />
     </div>
   );
 }
-
-export default BadgeLocation;

rsconcept/frontend/src/features/library/components/PickSchema.tsx

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 
 import { FlexColumn } from '@/components/Container';
 import { MiniButton } from '@/components/Control';
-import DataTable, { createColumnHelper, IConditionalStyle } from '@/components/DataTable';
+import { createColumnHelper, DataTable, IConditionalStyle } from '@/components/DataTable';
 import { Dropdown, useDropdown } from '@/components/Dropdown';
 import { IconClose, IconFolderTree } from '@/components/Icons';
 import { SearchBar } from '@/components/Input';
@@ -15,7 +15,7 @@ import { prefixes } from '@/utils/constants';
 import { ILibraryItem, LibraryItemType } from '../backend/types';
 import { matchLibraryItem } from '../models/libraryAPI';
 
-import SelectLocation from './SelectLocation';
+import { SelectLocation } from './SelectLocation';
 
 interface PickSchemaProps extends CProps.Styling {
   id?: string;

rsconcept/frontend/src/features/library/components/SelectLocation.tsx

@@ -19,7 +19,7 @@ interface SelectLocationProps extends CProps.Styling {
   dense?: boolean;
 }
 
-function SelectLocation({ value, dense, prefix, onClick, className, style }: SelectLocationProps) {
+export function SelectLocation({ value, dense, prefix, onClick, className, style }: SelectLocationProps) {
   const { folders } = useFolders();
   const activeNode = folders.at(value);
   const items = folders.getTree();
@@ -102,5 +102,3 @@ function SelectLocation({ value, dense, prefix, onClick, className, style }: Sel
     </div>
   );
 }
-
-export default SelectLocation;

rsconcept/frontend/src/features/library/components/SelectLocationContext.tsx

@@ -8,7 +8,7 @@ import { IconFolderTree } from '@/components/Icons';
 import { CProps } from '@/components/props';
 import { prefixes } from '@/utils/constants';
 
-import SelectLocation from './SelectLocation';
+import { SelectLocation } from './SelectLocation';
 
 interface SelectLocationContextProps extends CProps.Styling {
   value: string;

rsconcept/frontend/src/features/library/dialogs/DlgChangeLocation.tsx

@@ -29,7 +29,7 @@ export interface DlgChangeLocationProps {
   onChangeLocation: (newLocation: string) => void;
 }
 
-function DlgChangeLocation() {
+export function DlgChangeLocation() {
   const { initial, onChangeLocation } = useDialogsStore(state => state.props as DlgChangeLocationProps);
   const { user } = useAuthSuspense();
 
@@ -97,5 +97,3 @@ function DlgChangeLocation() {
     </ModalForm>
   );
 }
-
-export default DlgChangeLocation;

rsconcept/frontend/src/features/library/dialogs/DlgCloneLibraryItem.tsx

@@ -28,7 +28,7 @@ export interface DlgCloneLibraryItemProps {
   totalCount: number;
 }
 
-function DlgCloneLibraryItem() {
+export function DlgCloneLibraryItem() {
   const { base, initialLocation, selected, totalCount } = useDialogsStore(
     state => state.props as DlgCloneLibraryItemProps
   );
@@ -174,5 +174,3 @@ function DlgCloneLibraryItem() {
     </ModalForm>
   );
 }
-
-export default DlgCloneLibraryItem;

rsconcept/frontend/src/features/library/dialogs/DlgCreateVersion.tsx

@@ -21,7 +21,7 @@ export interface DlgCreateVersionProps {
   totalCount: number;
 }
 
-function DlgCreateVersion() {
+export function DlgCreateVersion() {
   const { itemID, versions, selected, totalCount, onCreate } = useDialogsStore(
     state => state.props as DlgCreateVersionProps
   );
@@ -70,5 +70,3 @@ function DlgCreateVersion() {
     </ModalForm>
   );
 }
-
-export default DlgCreateVersion;

rsconcept/frontend/src/features/library/dialogs/DlgEditEditors/DlgEditEditors.tsx

@@ -18,7 +18,7 @@ export interface DlgEditEditorsProps {
   initialEditors: number[];
 }
 
-function DlgEditEditors() {
+export function DlgEditEditors() {
   const { initialEditors: initial, itemID } = useDialogsStore(state => state.props as DlgEditEditorsProps);
   const { setEditors } = useSetEditors();
 
@@ -70,5 +70,3 @@ function DlgEditEditors() {
     </ModalForm>
   );
 }
-
-export default DlgEditEditors;

rsconcept/frontend/src/features/library/dialogs/DlgEditEditors/index.tsx

@@ -1 +1 @@
-export { default } from './DlgEditEditors';
+export { DlgEditEditors } from './DlgEditEditors';

rsconcept/frontend/src/features/library/dialogs/DlgEditVersions/DlgEditVersions.tsx

@@ -19,14 +19,14 @@ import { useMutatingLibrary } from '../../backend/useMutatingLibrary';
 import { useVersionDelete } from '../../backend/useVersionDelete';
 import { useVersionUpdate } from '../../backend/useVersionUpdate';
 
-import TableVersions from './TableVersions';
+import { TableVersions } from './TableVersions';
 
 export interface DlgEditVersionsProps {
   itemID: number;
   afterDelete: (targetVersion: number) => void;
 }
 
-function DlgEditVersions() {
+export function DlgEditVersions() {
   const { itemID, afterDelete } = useDialogsStore(state => state.props as DlgEditVersionsProps);
   const hideDialog = useDialogsStore(state => state.hideDialog);
   const { schema } = useRSFormSuspense({ itemID });
@@ -128,5 +128,3 @@ function DlgEditVersions() {
     </ModalView>
   );
 }
-
-export default DlgEditVersions;

rsconcept/frontend/src/features/library/dialogs/DlgEditVersions/TableVersions.tsx

@@ -4,7 +4,7 @@ import { useIntl } from 'react-intl';
 import clsx from 'clsx';
 
 import { MiniButton } from '@/components/Control';
-import DataTable, { createColumnHelper, IConditionalStyle } from '@/components/DataTable';
+import { createColumnHelper, DataTable, IConditionalStyle } from '@/components/DataTable';
 import { IconRemove } from '@/components/Icons';
 import { APP_COLORS } from '@/styling/colors';
 
@@ -20,7 +20,7 @@ interface TableVersionsProps {
 
 const columnHelper = createColumnHelper<IVersionInfo>();
 
-function TableVersions({ processing, items, onDelete, selected, onSelect }: TableVersionsProps) {
+export function TableVersions({ processing, items, onDelete, selected, onSelect }: TableVersionsProps) {
   const intl = useIntl();
 
   function handleDeleteVersion(event: React.MouseEvent, targetVersion: number) {
@@ -98,5 +98,3 @@ function TableVersions({ processing, items, onDelete, selected, onSelect }: Tabl
     />
   );
 }
-
-export default TableVersions;

rsconcept/frontend/src/features/library/dialogs/DlgEditVersions/index.tsx

@@ -1 +1 @@
-export { default } from './DlgEditVersions';
+export { DlgEditVersions } from './DlgEditVersions';

rsconcept/frontend/src/features/library/pages/CreateItemPage/CreateItemPage.tsx

@@ -1,13 +1,11 @@
 import { RequireAuth } from '@/features/auth';
 
-import FormCreateItem from './FormCreateItem';
+import { FormCreateItem } from './FormCreateItem';
 
-function CreateItemPage() {
+export function CreateItemPage() {
   return (
     <RequireAuth>
       <FormCreateItem />
     </RequireAuth>
   );
 }
-
-export default CreateItemPage;

rsconcept/frontend/src/features/library/pages/CreateItemPage/FormCreateItem.tsx

@@ -26,7 +26,7 @@ import { LocationHead } from '../../models/library';
 import { combineLocation } from '../../models/libraryAPI';
 import { useLibrarySearchStore } from '../../stores/librarySearch';
 
-function FormCreateItem() {
+export function FormCreateItem() {
   const router = useConceptNavigation();
   const { user } = useAuthSuspense();
   const { createItem, isPending, error: serverError, reset: clearServerError } = useCreateItem();
@@ -249,5 +249,3 @@ function FormCreateItem() {
     </form>
   );
 }
-
-export default FormCreateItem;

rsconcept/frontend/src/features/library/pages/CreateItemPage/index.tsx

@@ -1 +1 @@
-export { default } from './CreateItemPage';
+export { CreateItemPage } from './CreateItemPage';

rsconcept/frontend/src/features/library/pages/LibraryPage/LibraryPage.tsx

@@ -16,9 +16,9 @@ import { useLibrarySuspense } from '../../backend/useLibrary';
 import { useRenameLocation } from '../../backend/useRenameLocation';
 import { useCreateLibraryFilter, useLibrarySearchStore } from '../../stores/librarySearch';
 
-import TableLibraryItems from './TableLibraryItems';
+import { TableLibraryItems } from './TableLibraryItems';
-import ToolbarSearch from './ToolbarSearch';
+import { ToolbarSearch } from './ToolbarSearch';
-import ViewSideLocation from './ViewSideLocation';
+import { ViewSideLocation } from './ViewSideLocation';
 
 export function LibraryPage() {
   const { items: libraryItems } = useLibrarySuspense();

rsconcept/frontend/src/features/library/pages/LibraryPage/TableLibraryItems.tsx

@@ -9,16 +9,16 @@ import { useLabelUser } from '@/features/users';
 
 import { FlexColumn } from '@/components/Container';
 import { MiniButton, TextURL } from '@/components/Control';
-import DataTable, { createColumnHelper, IConditionalStyle, VisibilityState } from '@/components/DataTable';
+import { createColumnHelper, DataTable, IConditionalStyle, VisibilityState } from '@/components/DataTable';
 import { IconFolderTree } from '@/components/Icons';
 import { CProps } from '@/components/props';
-import useWindowSize from '@/hooks/useWindowSize';
+import { useWindowSize } from '@/hooks/useWindowSize';
 import { useFitHeight } from '@/stores/appLayout';
 import { usePreferencesStore } from '@/stores/preferences';
 import { APP_COLORS } from '@/styling/colors';
 
 import { ILibraryItem, LibraryItemType } from '../../backend/types';
-import BadgeLocation from '../../components/BadgeLocation';
+import { BadgeLocation } from '../../components/BadgeLocation';
 import { useLibrarySearchStore } from '../../stores/librarySearch';
 
 interface TableLibraryItemsProps {
@@ -27,7 +27,7 @@ interface TableLibraryItemsProps {
 
 const columnHelper = createColumnHelper<ILibraryItem>();
 
-function TableLibraryItems({ items }: TableLibraryItemsProps) {
+export function TableLibraryItems({ items }: TableLibraryItemsProps) {
   const router = useConceptNavigation();
   const intl = useIntl();
   const getUserLabel = useLabelUser();
@@ -185,5 +185,3 @@ function TableLibraryItems({ items }: TableLibraryItemsProps) {
     />
   );
 }
-
-export default TableLibraryItems;

rsconcept/frontend/src/features/library/pages/LibraryPage/ToolbarSearch.tsx

@@ -30,7 +30,7 @@ interface ToolbarSearchProps {
   filtered: number;
 }
 
-function ToolbarSearch({ total, filtered }: ToolbarSearchProps) {
+export function ToolbarSearch({ total, filtered }: ToolbarSearchProps) {
   const headMenu = useDropdown();
   const userMenu = useDropdown();
 
@@ -212,5 +212,3 @@ function ToolbarSearch({ total, filtered }: ToolbarSearchProps) {
     </div>
   );
 }
-
-export default ToolbarSearch;