feat: SB-818 Export all providers from one index file

packages/webapp/.storybook/decorators.tsx

@@ -1,9 +1,9 @@
 import { useEffect } from 'react';
 import { IntlProvider } from 'react-intl';
 
-import { ResponsiveThemeProvider } from '../src/app/providers/responsiveThemeProvider';
-import { GlobalStyle } from '../src/theme/global';
 import { DEFAULT_LOCALE, translationMessages } from '../src/app/config/i18n';
+import { ResponsiveThemeProvider } from '../src/app/providers';
+import { GlobalStyle } from '../src/theme/global';
 import { initializeFontFace } from '../src/theme/initializeFontFace';
 
 export { default as withRouter } from 'storybook-react-router';

packages/webapp/src/app/__tests__/app.component.spec.tsx

@@ -1,10 +1,10 @@
-import { FC } from 'react';
 import { screen } from '@testing-library/react';
+import { FC } from 'react';
 import { Route, Routes } from 'react-router-dom';
 
-import { ValidRoutesProviders } from '../providers/validRoutesProvider';
 import { render } from '../../tests/utils/rendering';
 import { RoutesConfig } from '../config/routes';
+import { ValidRoutesProviders } from '../providers';
 
 describe('App: Component', () => {
   const Component: FC = () => (

packages/webapp/src/app/app.component.tsx

@@ -1,13 +1,12 @@
 import { FormattedMessage, IntlProvider } from 'react-intl';
 import { Navigate, Route, Routes, useLocation } from 'react-router-dom';
-import { PasswordReset } from '../routes/auth/passwordReset';
+
 import { Role } from '../modules/auth/auth.types';
-import { H1 } from '../theme/typography';
-import { AuthRoute } from '../shared/components/routes/authRoute';
-import { AnonymousRoute } from '../shared/components/routes/anonymousRoute';
+import { PasswordReset } from '../routes/auth/passwordReset';
 import { ActiveSubscriptionContext } from '../routes/finances/activeSubscriptionContext/activeSubscriptionContext.component';
-import { LANG_PREFIX, RoutesConfig } from './config/routes';
-import { DEFAULT_LOCALE, translationMessages } from './config/i18n';
+import { AnonymousRoute } from '../shared/components/routes/anonymousRoute';
+import { AuthRoute } from '../shared/components/routes/authRoute';
+import { H1 } from '../theme/typography';
 import {
   CancelSubscription,
   ConfirmEmail,
@@ -29,7 +28,9 @@ import {
   TermsAndConditions,
   TransactionHistory,
 } from './asyncComponents';
-import { ValidRoutesProviders } from './providers/validRoutesProvider';
+import { DEFAULT_LOCALE, translationMessages } from './config/i18n';
+import { LANG_PREFIX, RoutesConfig } from './config/routes';
+import { ValidRoutesProviders } from './providers';
 
 export const App = () => {
   const { pathname, search } = useLocation();

packages/webapp/src/app/initApp.tsx

@@ -3,11 +3,7 @@ import { createRoot } from 'react-dom/client';
 import { HelmetProvider } from 'react-helmet-async';
 import 'regenerator-runtime/runtime';
 
-import { ApolloProvider } from './providers/apollo';
-import { CommonQuery } from './providers/commonQuery';
-import { ReduxProvider } from './providers/redux';
-import { RouterProvider } from './providers/router';
-import { SentryProvider } from './providers/sentry';
+import { ApolloProvider, CommonQuery, ReduxProvider, RouterProvider, SentryProvider } from './providers';
 import { setUnsupportedClasses } from './unsupported/support';
 import { UnsupportedBrowserDetection } from './unsupported/unsupportedBrowserDetection';
 

packages/webapp/src/app/providers/index.ts

@@ -0,0 +1,7 @@
+export { ApolloProvider } from './apollo';
+export { RouterProvider } from './router';
+export { ReduxProvider } from './redux';
+export { SentryProvider } from './sentry';
+export { CommonQuery } from './commonQuery';
+export { ValidRoutesProviders } from './validRoutesProvider';
+export { ResponsiveThemeProvider } from './responsiveThemeProvider';

packages/webapp/src/app/providers/validRoutesProvider/validRoutesProviders.tsx

@@ -1,12 +1,13 @@
-import { Outlet } from 'react-router-dom';
-import { useSelector } from 'react-redux';
-import { FormattedMessage, IntlProvider } from 'react-intl';
 import { Helmet } from 'react-helmet-async';
+import { FormattedMessage, IntlProvider } from 'react-intl';
+import { useSelector } from 'react-redux';
+import { Outlet } from 'react-router-dom';
+
+import { ResponsiveThemeProvider } from '../';
 import { localesSelectors } from '../../../modules/locales';
-import { translationMessages } from '../../config/i18n';
-import { GlobalStyle } from '../../../theme/global';
-import { ResponsiveThemeProvider } from '../responsiveThemeProvider';
 import { Layout } from '../../../shared/components/layout';
+import { GlobalStyle } from '../../../theme/global';
+import { translationMessages } from '../../config/i18n';
 import { useLanguageFromParams } from './useLanguageFromParams';
 
 export const ValidRoutesProviders = () => {

packages/webapp/src/shared/hooks/useMediaQuery/__tests__/useMediaQuery.hook.spec.tsx

@@ -1,7 +1,8 @@
 import { renderHook } from '@testing-library/react-hooks';
-import { BreakpointQuery, useMediaQuery } from '../useMediaQuery.hook';
+
+import { ResponsiveThemeProvider } from '../../../../app/providers';
 import { Breakpoint, getActiveBreakpoint } from '../../../../theme/media';
-import { ResponsiveThemeProvider } from '../../../../app/providers/responsiveThemeProvider';
+import { BreakpointQuery, useMediaQuery } from '../useMediaQuery.hook';
 
 jest.mock('../../../../theme/media', () => ({
   ...jest.requireActual<NodeModule>('../../../../theme/media'),