ESLint no-default-exports 6 - View.tsx (#2120)

* Fix default imports

* Fix manager Modals import

* ESLint no default export part 6 - View.tsx

* Fix default imports

* Fix imports

* Release notes

.eslintrc.js

@@ -249,34 +249,7 @@ module.exports = {
         // './packages/desktop-client/src/components/accounts/**/*',
         // './packages/desktop-client/src/components/autocomplete/**/*',
         // './packages/desktop-client/src/components/budget/**/*',
-        './packages/desktop-client/src/components/common/AlignedText.tsx',
-        './packages/desktop-client/src/components/common/AnchorLink.tsx',
-        './packages/desktop-client/src/components/common/Block.tsx',
-        './packages/desktop-client/src/components/common/Button.tsx',
-        './packages/desktop-client/src/components/common/ButtonLink.tsx',
-        './packages/desktop-client/src/components/common/Card.tsx',
-        './packages/desktop-client/src/components/common/ExternalLink.tsx',
-        './packages/desktop-client/src/components/common/FormError.tsx',
-        './packages/desktop-client/src/components/common/HoverTarget.tsx',
-        './packages/desktop-client/src/components/common/InitialFocus.tsx',
-        './packages/desktop-client/src/components/common/InlineField.tsx',
-        './packages/desktop-client/src/components/common/Input.tsx',
-        './packages/desktop-client/src/components/common/InputWithContent.tsx',
-        './packages/desktop-client/src/components/common/Label.tsx',
-        './packages/desktop-client/src/components/common/Link.tsx',
-        './packages/desktop-client/src/components/common/LinkButton.tsx',
-        './packages/desktop-client/src/components/common/Menu.tsx',
-        './packages/desktop-client/src/components/common/MenuTooltip.tsx',
-        './packages/desktop-client/src/components/common/MenuButton.tsx',
-        './packages/desktop-client/src/components/common/Modal.tsx',
-        './packages/desktop-client/src/components/common/Paragraph.tsx',
-        './packages/desktop-client/src/components/common/Search.tsx',
-        './packages/desktop-client/src/components/common/Select.tsx',
-        './packages/desktop-client/src/components/common/Stack.tsx',
-        './packages/desktop-client/src/components/common/Text.tsx',
-        './packages/desktop-client/src/components/common/TextOneLine.tsx',
-        // './packages/desktop-client/src/components/common/View.tsx',
-        // './packages/desktop-client/src/components/common/**/*',
+        './packages/desktop-client/src/components/common/**/*',
         // './packages/desktop-client/src/components/filters/**/*',
         // './packages/desktop-client/src/components/gocardless/**/*',
         // './packages/desktop-client/src/components/manager/**/*',

packages/desktop-client/src/components/AnimatedRefresh.tsx

@@ -5,7 +5,7 @@ import { keyframes } from 'glamor';
 import Refresh from '../icons/v1/Refresh';
 import { type CSSProperties } from '../style';
 
-import View from './common/View';
+import { View } from './common/View';
 
 const spin = keyframes({
   '0%': { transform: 'rotateZ(0deg)' },

packages/desktop-client/src/components/App.tsx

@@ -19,7 +19,7 @@ import { ResponsiveProvider } from '../ResponsiveProvider';
 import { styles, hasHiddenScrollbars, ThemeStyle } from '../style';
 
 import { AppBackground } from './AppBackground';
-import View from './common/View';
+import { View } from './common/View';
 import { DevelopmentTopBar } from './DevelopmentTopBar';
 import { FatalError } from './FatalError';
 import { FinancesApp } from './FinancesApp';

packages/desktop-client/src/components/AppBackground.tsx

@@ -7,7 +7,7 @@ import { theme } from '../style';
 
 import { Background } from './Background';
 import { Block } from './common/Block';
-import View from './common/View';
+import { View } from './common/View';
 
 type AppBackgroundProps = {
   initializing?: boolean;

packages/desktop-client/src/components/BankSyncStatus.tsx

@@ -6,7 +6,7 @@ import { theme, styles } from '../style';
 
 import { AnimatedRefresh } from './AnimatedRefresh';
 import { Text } from './common/Text';
-import View from './common/View';
+import { View } from './common/View';
 
 export function BankSyncStatus() {
   const accountsSyncing = useSelector(state => state.account.accountsSyncing);

packages/desktop-client/src/components/DevelopmentTopBar.tsx

@@ -1,7 +1,7 @@
 import { theme } from '../style';
 
 import { ExternalLink } from './common/ExternalLink';
-import View from './common/View';
+import { View } from './common/View';
 
 export function DevelopmentTopBar() {
   return (

packages/desktop-client/src/components/FatalError.tsx

@@ -8,7 +8,7 @@ import { Modal } from './common/Modal';
 import { Paragraph } from './common/Paragraph';
 import { Stack } from './common/Stack';
 import { Text } from './common/Text';
-import View from './common/View';
+import { View } from './common/View';
 import { Checkbox } from './forms';
 
 type AppError = Error & {

packages/desktop-client/src/components/FinancesApp.tsx

@@ -27,7 +27,7 @@ import { getIsOutdated, getLatestVersion } from '../util/versions';
 
 import { BankSyncStatus } from './BankSyncStatus';
 import { BudgetMonthCountProvider } from './budget/BudgetMonthCountContext';
-import View from './common/View';
+import { View } from './common/View';
 import { GlobalKeys } from './GlobalKeys';
 import { ManageRulesPage } from './ManageRulesPage';
 import MobileNavTabs from './mobile/MobileNavTabs';

packages/desktop-client/src/components/FixedSizeList.tsx

@@ -13,7 +13,7 @@ import memoizeOne from 'memoize-one';
 import useResizeObserver from '../hooks/useResizeObserver';
 import { type CSSProperties } from '../style';
 
-import View from './common/View';
+import { View } from './common/View';
 
 const IS_SCROLLING_DEBOUNCE_INTERVAL = 150;
 

packages/desktop-client/src/components/LoggedInUser.tsx

@@ -7,7 +7,7 @@ import { theme, styles, type CSSProperties } from '../style';
 import { Button } from './common/Button';
 import { Menu } from './common/Menu';
 import { Text } from './common/Text';
-import View from './common/View';
+import { View } from './common/View';
 import { useServerURL } from './ServerContext';
 import { Tooltip } from './tooltips';
 

packages/desktop-client/src/components/ManageRules.tsx

@@ -25,7 +25,7 @@ import { ExternalLink } from './common/ExternalLink';
 import { Search } from './common/Search';
 import { Stack } from './common/Stack';
 import { Text } from './common/Text';
-import View from './common/View';
+import { View } from './common/View';
 import RulesHeader from './rules/RulesHeader';
 import RulesList from './rules/RulesList';
 import { SchedulesQuery } from './rules/SchedulesQuery';

packages/desktop-client/src/components/MobileWebMessage.tsx

@@ -8,7 +8,7 @@ import { theme, styles } from '../style';
 
 import { Button } from './common/Button';
 import { Text } from './common/Text';
-import View from './common/View';
+import { View } from './common/View';
 import { Checkbox } from './forms';
 
 const buttonStyle = { border: 0, fontSize: 15, padding: '10px 13px' };

packages/desktop-client/src/components/NotesButton.tsx

@@ -8,7 +8,7 @@ import CustomNotesPaper from '../icons/v2/CustomNotesPaper';
 import { type CSSProperties, theme } from '../style';
 
 import { Button } from './common/Button';
-import View from './common/View';
+import { View } from './common/View';
 import { Notes } from './Notes';
 import { Tooltip, type TooltipPosition, useTooltip } from './tooltips';
 

packages/desktop-client/src/components/Notifications.tsx

@@ -18,7 +18,7 @@ import { ExternalLink } from './common/ExternalLink';
 import { LinkButton } from './common/LinkButton';
 import { Stack } from './common/Stack';
 import { Text } from './common/Text';
-import View from './common/View';
+import { View } from './common/View';
 
 function compileMessage(
   message: string,

packages/desktop-client/src/components/Page.tsx

@@ -4,7 +4,7 @@ import { useResponsive } from '../ResponsiveProvider';
 import { theme, styles, type CSSProperties } from '../style';
 
 import { Text } from './common/Text';
-import View from './common/View';
+import { View } from './common/View';
 
 type PageHeaderProps = {
   title: ReactNode;

packages/desktop-client/src/components/PrivacyFilter.tsx

@@ -10,7 +10,7 @@ import usePrivacyMode from 'loot-core/src/client/privacy';
 
 import { useResponsive } from '../ResponsiveProvider';
 
-import View from './common/View';
+import { View } from './common/View';
 
 type ConditionalPrivacyFilterProps = {
   children: ReactNode;

packages/desktop-client/src/components/Titlebar.tsx

@@ -33,7 +33,7 @@ import { ExternalLink } from './common/ExternalLink';
 import { Link } from './common/Link';
 import { Paragraph } from './common/Paragraph';
 import { Text } from './common/Text';
-import View from './common/View';
+import { View } from './common/View';
 import { KeyHandlers } from './KeyHandlers';
 import { LoggedInUser } from './LoggedInUser';
 import { useServerURL } from './ServerContext';

packages/desktop-client/src/components/UpdateNotification.tsx

@@ -8,7 +8,7 @@ import { theme } from '../style';
 import { Button } from './common/Button';
 import { LinkButton } from './common/LinkButton';
 import { Text } from './common/Text';
-import View from './common/View';
+import { View } from './common/View';
 
 function closeNotification(setAppState) {
   // Set a flag to never show an update notification again for this session

packages/desktop-client/src/components/accounts/Account.jsx

@@ -31,7 +31,7 @@ import { SelectedProviderWithItems } from '../../hooks/useSelected';
 import { styles, theme } from '../../style';
 import { Button } from '../common/Button';
 import { Text } from '../common/Text';
-import View from '../common/View';
+import { View } from '../common/View';
 import TransactionList from '../transactions/TransactionList';
 import {
   SplitsExpandedProvider,

packages/desktop-client/src/components/accounts/AccountSyncCheck.jsx

@@ -8,7 +8,7 @@ import ExclamationOutline from '../../icons/v1/ExclamationOutline';
 import { theme } from '../../style';
 import { Button } from '../common/Button';
 import { ExternalLink } from '../common/ExternalLink';
-import View from '../common/View';
+import { View } from '../common/View';
 import { Tooltip } from '../tooltips';
 
 function getErrorMessage(type, code) {

packages/desktop-client/src/components/accounts/Balance.jsx

@@ -9,7 +9,7 @@ import ArrowButtonRight1 from '../../icons/v2/ArrowButtonRight1';
 import { theme } from '../../style';
 import { Button } from '../common/Button';
 import { Text } from '../common/Text';
-import View from '../common/View';
+import { View } from '../common/View';
 import { PrivacyFilter } from '../PrivacyFilter';
 import CellValue from '../spreadsheet/CellValue';
 import useFormat from '../spreadsheet/useFormat';

packages/desktop-client/src/components/accounts/Header.jsx

@@ -17,7 +17,7 @@ import { MenuButton } from '../common/MenuButton';
 import { MenuTooltip } from '../common/MenuTooltip';
 import { Search } from '../common/Search';
 import { Stack } from '../common/Stack';
-import View from '../common/View';
+import { View } from '../common/View';
 import { FilterButton } from '../filters/FiltersMenu';
 import { FiltersStack } from '../filters/SavedFilters';
 import { KeyHandlers } from '../KeyHandlers';

packages/desktop-client/src/components/accounts/MobileAccountDetails.jsx

@@ -7,7 +7,7 @@ import { theme } from '../../style';
 import { ButtonLink } from '../common/ButtonLink';
 import { InputWithContent } from '../common/InputWithContent';
 import { Label } from '../common/Label';
-import View from '../common/View';
+import { View } from '../common/View';
 import { MobileBackButton } from '../MobileBackButton';
 import { Page } from '../Page';
 import PullToRefresh from '../responsive/PullToRefresh';

packages/desktop-client/src/components/accounts/MobileAccounts.jsx

@@ -12,7 +12,7 @@ import { theme, styles } from '../../style';
 import { Button } from '../common/Button';
 import { Text } from '../common/Text';
 import { TextOneLine } from '../common/TextOneLine';
-import View from '../common/View';
+import { View } from '../common/View';
 import { Page } from '../Page';
 import PullToRefresh from '../responsive/PullToRefresh';
 import CellValue from '../spreadsheet/CellValue';

packages/desktop-client/src/components/accounts/Reconcile.jsx

@@ -9,7 +9,7 @@ import { Button } from '../common/Button';
 import { InitialFocus } from '../common/InitialFocus';
 import { Input } from '../common/Input';
 import { Text } from '../common/Text';
-import View from '../common/View';
+import { View } from '../common/View';
 import useFormat from '../spreadsheet/useFormat';
 import useSheetValue from '../spreadsheet/useSheetValue';
 import { Tooltip } from '../tooltips';

packages/desktop-client/src/components/alerts.tsx

@@ -5,7 +5,7 @@ import InformationOutline from '../icons/v1/InformationOutline';
 import { styles, theme, type CSSProperties } from '../style';
 
 import { Text } from './common/Text';
-import View from './common/View';
+import { View } from './common/View';
 
 type AlertProps = {
   icon?: ComponentType<{ width?: number; style?: CSSProperties }>;

packages/desktop-client/src/components/autocomplete/AccountAutocomplete.tsx

@@ -7,7 +7,7 @@ import { type AccountEntity } from 'loot-core/src/types/models';
 
 import { useResponsive } from '../../ResponsiveProvider';
 import { type CSSProperties, theme } from '../../style';
-import View from '../common/View';
+import { View } from '../common/View';
 
 import Autocomplete from './Autocomplete';
 

packages/desktop-client/src/components/autocomplete/Autocomplete.tsx

@@ -17,7 +17,7 @@ import Remove from '../../icons/v2/Remove';
 import { theme, type CSSProperties } from '../../style';
 import { Button } from '../common/Button';
 import { Input } from '../common/Input';
-import View from '../common/View';
+import { View } from '../common/View';
 import { Tooltip } from '../tooltips';
 
 type Item = {

packages/desktop-client/src/components/autocomplete/CategoryAutocomplete.tsx

@@ -18,7 +18,7 @@ import Split from '../../icons/v0/Split';
 import { useResponsive } from '../../ResponsiveProvider';
 import { type CSSProperties, theme } from '../../style';
 import { Text } from '../common/Text';
-import View from '../common/View';
+import { View } from '../common/View';
 
 import Autocomplete, { defaultFilterSuggestion } from './Autocomplete';
 

packages/desktop-client/src/components/autocomplete/PayeeAutocomplete.tsx

@@ -24,7 +24,7 @@ import Add from '../../icons/v1/Add';
 import { useResponsive } from '../../ResponsiveProvider';
 import { type CSSProperties, theme } from '../../style';
 import { Button } from '../common/Button';
-import View from '../common/View';
+import { View } from '../common/View';
 
 import Autocomplete, {
   defaultFilterSuggestion,

packages/desktop-client/src/components/autocomplete/SavedFilterAutocomplete.tsx

@@ -4,7 +4,7 @@ import { useFilters } from 'loot-core/src/client/data-hooks/filters';
 import { type TransactionFilterEntity } from 'loot-core/src/types/models';
 
 import { theme } from '../../style';
-import View from '../common/View';
+import { View } from '../common/View';
 
 import Autocomplete from './Autocomplete';
 

packages/desktop-client/src/components/budget/BalanceWithCarryover.tsx

@@ -3,7 +3,7 @@ import React, { type ComponentProps } from 'react';
 import useFeatureFlag from '../../hooks/useFeatureFlag';
 import ArrowThinRight from '../../icons/v1/ArrowThinRight';
 import { type CSSProperties } from '../../style';
-import View from '../common/View';
+import { View } from '../common/View';
 import CellValue from '../spreadsheet/CellValue';
 import useSheetValue from '../spreadsheet/useSheetValue';
 

packages/desktop-client/src/components/budget/BudgetCategories.jsx

@@ -1,7 +1,7 @@
 import React, { memo, useState, useMemo } from 'react';
 
 import { theme, styles } from '../../style';
-import View from '../common/View';
+import { View } from '../common/View';
 import { DropHighlightPosContext } from '../sort';
 import { Row } from '../table';
 

packages/desktop-client/src/components/budget/BudgetPageHeader.tsx

@@ -2,7 +2,7 @@ import React, { type ComponentProps, memo } from 'react';
 
 import * as monthUtils from 'loot-core/src/shared/months';
 
-import View from '../common/View';
+import { View } from '../common/View';
 
 import { MonthPicker } from './MonthPicker';
 import { getScrollbarWidth } from './util';

packages/desktop-client/src/components/budget/BudgetSummaries.tsx

@@ -12,7 +12,7 @@ import { css } from 'glamor';
 import { addMonths, subMonths } from 'loot-core/src/shared/months';
 
 import useResizeObserver from '../../hooks/useResizeObserver';
-import View from '../common/View';
+import { View } from '../common/View';
 
 import { MonthsContext } from './MonthsContext';
 import type ReportBudgetSummary from './report/budgetsummary/BudgetSummary';

packages/desktop-client/src/components/budget/BudgetTable.jsx

@@ -3,7 +3,7 @@ import React, { createRef, Component } from 'react';
 import * as monthUtils from 'loot-core/src/shared/months';
 
 import { theme, styles } from '../../style';
-import View from '../common/View';
+import { View } from '../common/View';
 import { IntersectionBoundary } from '../tooltips';
 
 import BudgetCategories from './BudgetCategories';

packages/desktop-client/src/components/budget/BudgetTotals.tsx

@@ -4,7 +4,7 @@ import DotsHorizontalTriple from '../../icons/v1/DotsHorizontalTriple';
 import { theme, styles } from '../../style';
 import { Button } from '../common/Button';
 import { Menu } from '../common/Menu';
-import View from '../common/View';
+import { View } from '../common/View';
 import { Tooltip } from '../tooltips';
 
 import RenderMonths from './RenderMonths';

packages/desktop-client/src/components/budget/DynamicBudgetTable.tsx

@@ -3,7 +3,7 @@ import { useSelector } from 'react-redux';
 import AutoSizer from 'react-virtualized-auto-sizer';
 
 import { useActions } from '../../hooks/useActions';
-import View from '../common/View';
+import { View } from '../common/View';
 
 import { useBudgetMonthCount } from './BudgetMonthCountContext';
 import BudgetPageHeader from './BudgetPageHeader';

packages/desktop-client/src/components/budget/ExpenseCategory.tsx

@@ -3,7 +3,7 @@ import React, { type ComponentProps } from 'react';
 import { type CategoryEntity } from 'loot-core/src/types/models';
 
 import { theme } from '../../style';
-import View from '../common/View';
+import { View } from '../common/View';
 import {
   useDraggable,
   useDroppable,

packages/desktop-client/src/components/budget/ExpenseGroup.tsx

@@ -1,7 +1,7 @@
 import React, { type ComponentProps } from 'react';
 
 import { theme } from '../../style';
-import View from '../common/View';
+import { View } from '../common/View';
 import {
   useDraggable,
   useDroppable,

packages/desktop-client/src/components/budget/IncomeHeader.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { Button } from '../common/Button';
-import View from '../common/View';
+import { View } from '../common/View';
 
 import RenderMonths from './RenderMonths';