Removed all default export except for services and reducers

src/visits/DomainVisits.tsx

@@ -9,7 +9,7 @@ import { useGoBack } from '../utils/helpers/hooks';
 import { toApiParams } from './types/helpers';
 import { NormalizedVisit } from './types';
 import { VisitsStats } from './VisitsStats';
-import VisitsHeader from './VisitsHeader';
+import { VisitsHeader } from './VisitsHeader';
 
 export interface DomainVisitsProps extends CommonVisitsProps {
   getDomainVisits: (domain: string, query?: ShlinkVisitsParams, doIntervalFallback?: boolean) => void;

src/visits/NonOrphanVisits.tsx

@@ -7,7 +7,7 @@ import { VisitsStats } from './VisitsStats';
 import { NormalizedVisit, VisitsInfo, VisitsParams } from './types';
 import { CommonVisitsProps } from './types/CommonVisitsProps';
 import { toApiParams } from './types/helpers';
-import VisitsHeader from './VisitsHeader';
+import { VisitsHeader } from './VisitsHeader';
 
 export interface NonOrphanVisitsProps extends CommonVisitsProps {
   getNonOrphanVisits: (params?: ShlinkVisitsParams, doIntervalFallback?: boolean) => void;

src/visits/OrphanVisits.tsx

@@ -7,7 +7,7 @@ import { VisitsStats } from './VisitsStats';
 import { NormalizedVisit, OrphanVisitType, VisitsInfo, VisitsParams } from './types';
 import { CommonVisitsProps } from './types/CommonVisitsProps';
 import { toApiParams } from './types/helpers';
-import VisitsHeader from './VisitsHeader';
+import { VisitsHeader } from './VisitsHeader';
 
 export interface OrphanVisitsProps extends CommonVisitsProps {
   getOrphanVisits: (

src/visits/ShortUrlVisits.tsx

@@ -8,7 +8,7 @@ import { ShortUrlDetail } from '../short-urls/reducers/shortUrlDetail';
 import { useGoBack } from '../utils/helpers/hooks';
 import { ReportExporter } from '../common/services/ReportExporter';
 import { ShortUrlVisits as ShortUrlVisitsState } from './reducers/shortUrlVisits';
-import ShortUrlVisitsHeader from './ShortUrlVisitsHeader';
+import { ShortUrlVisitsHeader } from './ShortUrlVisitsHeader';
 import { VisitsStats } from './VisitsStats';
 import { NormalizedVisit, VisitsParams } from './types';
 import { CommonVisitsProps } from './types/CommonVisitsProps';
@@ -22,7 +22,7 @@ export interface ShortUrlVisitsProps extends CommonVisitsProps {
   cancelGetShortUrlVisits: () => void;
 }
 
-const ShortUrlVisits = ({ exportVisits }: ReportExporter) => boundToMercureHub(({
+export const ShortUrlVisits = ({ exportVisits }: ReportExporter) => boundToMercureHub(({
   shortUrlVisits,
   shortUrlDetail,
   getShortUrlVisits,
@@ -60,5 +60,3 @@ const ShortUrlVisits = ({ exportVisits }: ReportExporter) => boundToMercureHub((
     </VisitsStats>
   );
 }, (_, params) => [Topics.shortUrlVisits(params.shortCode)]);
-
-export default ShortUrlVisits;

src/visits/ShortUrlVisitsHeader.tsx

@@ -3,7 +3,7 @@ import { ExternalLink } from 'react-external-link';
 import { ShortUrlDetail } from '../short-urls/reducers/shortUrlDetail';
 import { Time } from '../utils/Time';
 import { ShortUrlVisits } from './reducers/shortUrlVisits';
-import VisitsHeader from './VisitsHeader';
+import { VisitsHeader } from './VisitsHeader';
 import './ShortUrlVisitsHeader.scss';
 
 interface ShortUrlVisitsHeaderProps {
@@ -12,7 +12,7 @@ interface ShortUrlVisitsHeaderProps {
   goBack: () => void;
 }
 
-const ShortUrlVisitsHeader = ({ shortUrlDetail, shortUrlVisits, goBack }: ShortUrlVisitsHeaderProps) => {
+export const ShortUrlVisitsHeader = ({ shortUrlDetail, shortUrlVisits, goBack }: ShortUrlVisitsHeaderProps) => {
   const { shortUrl, loading } = shortUrlDetail;
   const { visits } = shortUrlVisits;
   const shortLink = shortUrl?.shortUrl ?? '';
@@ -43,5 +43,3 @@ const ShortUrlVisitsHeader = ({ shortUrlDetail, shortUrlVisits, goBack }: ShortU
     </VisitsHeader>
   );
 };
-
-export default ShortUrlVisitsHeader;

src/visits/TagVisits.tsx

@@ -1,12 +1,12 @@
 import { useParams } from 'react-router-dom';
 import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub';
-import ColorGenerator from '../utils/services/ColorGenerator';
+import { ColorGenerator } from '../utils/services/ColorGenerator';
 import { ShlinkVisitsParams } from '../api/types';
 import { Topics } from '../mercure/helpers/Topics';
 import { useGoBack } from '../utils/helpers/hooks';
 import { ReportExporter } from '../common/services/ReportExporter';
 import { TagVisits as TagVisitsState } from './reducers/tagVisits';
-import TagVisitsHeader from './TagVisitsHeader';
+import { TagVisitsHeader } from './TagVisitsHeader';
 import { VisitsStats } from './VisitsStats';
 import { NormalizedVisit } from './types';
 import { CommonVisitsProps } from './types/CommonVisitsProps';
@@ -18,7 +18,7 @@ export interface TagVisitsProps extends CommonVisitsProps {
   cancelGetTagVisits: () => void;
 }
 
-const TagVisits = (colorGenerator: ColorGenerator, { exportVisits }: ReportExporter) => boundToMercureHub(({
+export const TagVisits = (colorGenerator: ColorGenerator, { exportVisits }: ReportExporter) => boundToMercureHub(({
   getTagVisits,
   tagVisits,
   cancelGetTagVisits,
@@ -44,5 +44,3 @@ const TagVisits = (colorGenerator: ColorGenerator, { exportVisits }: ReportExpor
     </VisitsStats>
   );
 }, () => [Topics.visits]);
-
-export default TagVisits;

src/visits/TagVisitsHeader.tsx

@@ -1,6 +1,6 @@
-import Tag from '../tags/helpers/Tag';
-import ColorGenerator from '../utils/services/ColorGenerator';
-import VisitsHeader from './VisitsHeader';
+import { Tag } from '../tags/helpers/Tag';
+import { ColorGenerator } from '../utils/services/ColorGenerator';
+import { VisitsHeader } from './VisitsHeader';
 import { TagVisits } from './reducers/tagVisits';
 import './ShortUrlVisitsHeader.scss';
 
@@ -10,9 +10,8 @@ interface TagVisitsHeaderProps {
   colorGenerator: ColorGenerator;
 }
 
-const TagVisitsHeader = ({ tagVisits, goBack, colorGenerator }: TagVisitsHeaderProps) => {
+export const TagVisitsHeader = ({ tagVisits, goBack, colorGenerator }: TagVisitsHeaderProps) => {
   const { visits, tag } = tagVisits;
-
   const visitsStatsTitle = (
     <span className="d-flex align-items-center justify-content-center">
       <span className="me-2">Visits for</span>
@@ -22,5 +21,3 @@ const TagVisitsHeader = ({ tagVisits, goBack, colorGenerator }: TagVisitsHeaderP
 
   return <VisitsHeader title={visitsStatsTitle} goBack={goBack} visits={visits} />;
 };
-
-export default TagVisitsHeader;

src/visits/VisitsHeader.tsx

@@ -2,7 +2,7 @@ import { Button, Card } from 'reactstrap';
 import { FC, PropsWithChildren, ReactNode } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faArrowLeft } from '@fortawesome/free-solid-svg-icons';
-import ShortUrlVisitsCount from '../short-urls/helpers/ShortUrlVisitsCount';
+import { ShortUrlVisitsCount } from '../short-urls/helpers/ShortUrlVisitsCount';
 import { ShortUrl } from '../short-urls/data';
 import { Visit } from './types';
 
@@ -13,7 +13,7 @@ type VisitsHeaderProps = PropsWithChildren<{
   shortUrl?: ShortUrl;
 }>;
 
-const VisitsHeader: FC<VisitsHeaderProps> = ({ visits, goBack, shortUrl, children, title }) => (
+export const VisitsHeader: FC<VisitsHeaderProps> = ({ visits, goBack, shortUrl, children, title }) => (
   <header>
     <Card body>
       <h2 className="d-flex justify-content-between align-items-center mb-0">
@@ -36,5 +36,3 @@ const VisitsHeader: FC<VisitsHeaderProps> = ({ visits, goBack, shortUrl, childre
     </Card>
   </header>
 );
-
-export default VisitsHeader;

src/visits/VisitsStats.tsx

@@ -7,7 +7,7 @@ import { IconDefinition } from '@fortawesome/fontawesome-common-types';
 import { Route, Routes, Navigate } from 'react-router-dom';
 import classNames from 'classnames';
 import { DateRangeSelector } from '../utils/dates/DateRangeSelector';
-import Message from '../utils/Message';
+import { Message } from '../utils/Message';
 import { DateInterval, DateRange, intervalToDateRange } from '../utils/dates/types';
 import { Result } from '../utils/Result';
 import { ShlinkApiError } from '../api/ShlinkApiError';
@@ -18,9 +18,9 @@ import { prettify } from '../utils/helpers/numbers';
 import { NavPillItem, NavPills } from '../utils/NavPills';
 import { ExportBtn } from '../utils/ExportBtn';
 import { LineChartCard } from './charts/LineChartCard';
-import VisitsTable from './VisitsTable';
+import { VisitsTable } from './VisitsTable';
 import { NormalizedOrphanVisit, NormalizedVisit, VisitsFilter, VisitsInfo, VisitsParams } from './types';
-import OpenMapModalBtn from './helpers/OpenMapModalBtn';
+import { OpenMapModalBtn } from './helpers/OpenMapModalBtn';
 import { normalizeVisits, processStatsFromVisits } from './services/VisitsParser';
 import { VisitsFilterDropdown } from './helpers/VisitsFilterDropdown';
 import { HighlightableProps, highlightedVisitsToStats } from './types/helpers';

src/visits/VisitsTable.tsx

@@ -45,7 +45,7 @@ const calculateVisits = (allVisits: NormalizedVisit[], searchTerm: string | unde
   return { visitsGroups, total };
 };
 
-const VisitsTable = ({
+export const VisitsTable = ({
   visits,
   selectedVisits = [],
   setSelectedVisits,
@@ -222,5 +222,3 @@ const VisitsTable = ({
     </div>
   );
 };
-
-export default VisitsTable;

src/visits/charts/SortableBarChartCard.tsx

@@ -5,7 +5,7 @@ import { Order } from '../../utils/helpers/ordering';
 import { SimplePaginator } from '../../common/SimplePaginator';
 import { roundTen } from '../../utils/helpers/numbers';
 import { OrderingDropdown } from '../../utils/OrderingDropdown';
-import PaginationDropdown from '../../utils/PaginationDropdown';
+import { PaginationDropdown } from '../../utils/PaginationDropdown';
 import { Stats, StatsRow } from '../types';
 import { HorizontalBarChart, HorizontalBarChartProps } from './HorizontalBarChart';
 import { ChartCard } from './ChartCard';

src/visits/helpers/MapModal.tsx

@@ -29,13 +29,13 @@ const calculateMapProps = (locations: CityStats[]): MapContainerProps => {
   }
 
   // When there's only one location, an error is thrown if trying to calculate the bounds.
-  // When that happens, we use zoom and center as a workaround
+  // When that happens, we use "zoom" and "center" as a workaround
   const [{ latLong: center }] = locations;
 
   return { zoom: 10, center };
 };
 
-const MapModal = ({ toggle, isOpen, title, locations = [] }: MapModalProps) => (
+export const MapModal = ({ toggle, isOpen, title, locations = [] }: MapModalProps) => (
   <Modal toggle={toggle} isOpen={isOpen} className="map-modal__modal" contentClassName="map-modal__modal-content">
     <ModalBody className="map-modal__modal-body">
       <h3 className="map-modal__modal-title">
@@ -53,5 +53,3 @@ const MapModal = ({ toggle, isOpen, title, locations = [] }: MapModalProps) => (
     </ModalBody>
   </Modal>
 );
-
-export default MapModal;

src/visits/helpers/OpenMapModalBtn.tsx

@@ -4,7 +4,7 @@ import { faMapMarkedAlt as mapIcon } from '@fortawesome/free-solid-svg-icons';
 import { Button, Dropdown, DropdownItem, DropdownMenu, UncontrolledTooltip } from 'reactstrap';
 import { useDomId, useToggle } from '../../utils/helpers/hooks';
 import { CityStats } from '../types';
-import MapModal from './MapModal';
+import { MapModal } from './MapModal';
 import './OpenMapModalBtn.scss';
 
 interface OpenMapModalBtnProps {
@@ -13,7 +13,7 @@ interface OpenMapModalBtnProps {
   locations?: CityStats[];
 }
 
-const OpenMapModalBtn = ({ modalTitle, activeCities, locations = [] }: OpenMapModalBtnProps) => {
+export const OpenMapModalBtn = ({ modalTitle, activeCities, locations = [] }: OpenMapModalBtnProps) => {
   const [mapIsOpened, , openMap, closeMap] = useToggle();
   const [dropdownIsOpened, toggleDropdown, openDropdown] = useToggle();
   const [locationsToShow, setLocationsToShow] = useState<CityStats[]>([]);
@@ -51,5 +51,3 @@ const OpenMapModalBtn = ({ modalTitle, activeCities, locations = [] }: OpenMapMo
     </>
   );
 };
-
-export default OpenMapModalBtn;

src/visits/services/provideServices.ts

@@ -1,8 +1,8 @@
 import Bottle from 'bottlejs';
-import MapModal from '../helpers/MapModal';
+import { MapModal } from '../helpers/MapModal';
 import { createNewVisits } from '../reducers/visitCreation';
-import ShortUrlVisits from '../ShortUrlVisits';
-import TagVisits from '../TagVisits';
+import { ShortUrlVisits } from '../ShortUrlVisits';
+import { TagVisits } from '../TagVisits';
 import { OrphanVisits } from '../OrphanVisits';
 import { NonOrphanVisits } from '../NonOrphanVisits';
 import { cancelGetShortUrlVisits, getShortUrlVisits } from '../reducers/shortUrlVisits';