scrabble-solver 2.15.9 → 2.15.10

package/packages/scrabble-solver/src/components/EmptyState/index.ts

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

package/packages/scrabble-solver/src/components/IconButton/IconButton.tsx

@@ -4,7 +4,7 @@ import { ButtonHTMLAttributes, FunctionComponent, MouseEventHandler, SVGAttribut
 import { Tooltip } from '../Tooltip';
 
 import styles from './IconButton.module.scss';
-import Link from './Link';
+import { Link } from './Link';
 
 interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
   'aria-label': string;
@@ -14,7 +14,7 @@ interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
   onClick: MouseEventHandler<HTMLButtonElement>;
 }
 
-const IconButton: FunctionComponent<Props> = ({ className, Icon, tooltip, ...props }) => {
+const IconButtonBase: FunctionComponent<Props> = ({ className, Icon, tooltip, ...props }) => {
   return (
     <Tooltip tooltip={tooltip}>
       <button className={classNames(styles.iconButton, className)} type="button" {...props}>
@@ -26,6 +26,6 @@ const IconButton: FunctionComponent<Props> = ({ className, Icon, tooltip, ...pro
   );
 };
 
-export default Object.assign(IconButton, {
+export const IconButton = Object.assign(IconButtonBase, {
   Link,
 });

package/packages/scrabble-solver/src/components/IconButton/Link.tsx

@@ -13,7 +13,7 @@ interface Props extends AnchorHTMLAttributes<HTMLAnchorElement> {
   tooltip: string;
 }
 
-const Link: FunctionComponent<Props> = ({ className, Icon, tooltip, ...props }) => {
+export const Link: FunctionComponent<Props> = ({ className, Icon, tooltip, ...props }) => {
   return (
     <Tooltip tooltip={tooltip}>
       <a className={classNames(styles.iconButton, className)} {...props}>
@@ -24,5 +24,3 @@ const Link: FunctionComponent<Props> = ({ className, Icon, tooltip, ...props })
     </Tooltip>
   );
 };
-
-export default Link;

package/packages/scrabble-solver/src/components/IconButton/index.ts

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

package/packages/scrabble-solver/src/components/Key/Key.tsx

@@ -8,8 +8,6 @@ interface Props {
   className?: string;
 }
 
-const Key: FunctionComponent<Props> = ({ children, className }) => (
+export const Key: FunctionComponent<Props> = ({ children, className }) => (
   <kbd className={classNames(styles.key, className)}>{children}</kbd>
 );
-
-export default Key;

package/packages/scrabble-solver/src/components/Key/index.ts

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

package/packages/scrabble-solver/src/components/Keys/Arrows/Arrows.tsx

@@ -3,7 +3,7 @@ import { FunctionComponent } from 'react';
 
 import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp } from 'icons';
 
-import Key from '../../Key';
+import { Key } from '../../Key';
 
 import styles from './Arrows.module.scss';
 
@@ -11,7 +11,7 @@ interface Props {
   className?: string;
 }
 
-const Arrows: FunctionComponent<Props> = ({ className }) => (
+export const Arrows: FunctionComponent<Props> = ({ className }) => (
   <div className={classNames(styles.arrows, className)}>
     <Key className={classNames(styles.arrow, styles.left)}>
       <ArrowLeft aria-hidden="true" role="img" />
@@ -27,5 +27,3 @@ const Arrows: FunctionComponent<Props> = ({ className }) => (
     </Key>
   </div>
 );
-
-export default Arrows;

package/packages/scrabble-solver/src/components/Keys/Arrows/index.ts

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

package/packages/scrabble-solver/src/components/{keys.tsx → Keys/index.tsx}

@@ -3,7 +3,7 @@ import { FunctionComponent } from 'react';
 import { isMac } from 'lib';
 import { useTranslate } from 'state';
 
-import Key from './Key';
+import { Key } from '../Key';
 
 interface Props {
   className?: string;
@@ -24,3 +24,5 @@ export const Space: FunctionComponent<Props> = ({ className }) => {
 
   return <Key className={className}>{` ${translate('common.space')} `}</Key>;
 };
+
+export { Arrows } from './Arrows';

package/packages/scrabble-solver/src/components/Loading/Loading.tsx

@@ -4,7 +4,7 @@ import { FunctionComponent, useMemo } from 'react';
 import { LOCALE_FEATURES } from 'i18n';
 import { selectLocale, useTranslate, useTypedSelector } from 'state';
 
-import PlainTiles from '../PlainTiles';
+import { PlainTiles } from '../PlainTiles';
 
 import styles from './Loading.module.scss';
 
@@ -20,7 +20,7 @@ const prepareContent = (message: string): string[][] => {
   return [parts];
 };
 
-const Loading: FunctionComponent<Props> = ({ className, wave = true }) => {
+export const Loading: FunctionComponent<Props> = ({ className, wave = true }) => {
   const translate = useTranslate();
   const locale = useTypedSelector(selectLocale);
   const { direction } = LOCALE_FEATURES[locale];
@@ -37,5 +37,3 @@ const Loading: FunctionComponent<Props> = ({ className, wave = true }) => {
     </div>
   );
 };
-
-export default Loading;

package/packages/scrabble-solver/src/components/Loading/index.ts

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

package/packages/scrabble-solver/src/components/Logo/Logo.tsx

@@ -8,12 +8,10 @@ interface Props {
   className?: string;
 }
 
-const Logo = forwardRef<HTMLImageElement, Props>((props, ref) => {
+export const Logo = forwardRef<HTMLImageElement, Props>((props, ref) => {
   const { logoHeight, logoWidth } = useAppLayout();
 
   return (
     <Image {...props} alt="Scrabble Solver 2" height={logoHeight} priority ref={ref} src={LOGO_SRC} width={logoWidth} />
   );
 });
-
-export default Logo;

package/packages/scrabble-solver/src/components/Logo/LogoBlueprint.tsx

@@ -7,7 +7,7 @@
  */
 import { CSSProperties, FunctionComponent } from 'react';
 
-import PlainTiles from '../PlainTiles';
+import { PlainTiles } from '../PlainTiles';
 
 interface Props {
   className?: string;
@@ -16,8 +16,6 @@ interface Props {
 
 const CONTENT = [['SCRABBLE'], ['SOLVER', '2']];
 
-const LogoBlueprint: FunctionComponent<Props> = ({ className, style }) => (
+export const LogoBlueprint: FunctionComponent<Props> = ({ className, style }) => (
   <PlainTiles className={className} content={CONTENT} style={style} />
 );
-
-export default LogoBlueprint;

package/packages/scrabble-solver/src/components/Logo/index.ts

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

package/packages/scrabble-solver/src/components/Modal/Modal.tsx

@@ -6,7 +6,7 @@ import { CrossSquareFill } from 'icons';
 import { TRANSITION_DURATION_LONG } from 'parameters';
 import { useTranslate } from 'state';
 
-import IconButton from '../IconButton';
+import { IconButton } from '../IconButton';
 
 import { Section } from './components';
 import styles from './Modal.module.scss';
@@ -20,7 +20,7 @@ export interface Props {
   onClose: () => void;
 }
 
-const Modal: FunctionComponent<Props> = ({ children, className, footer, isOpen, title, onClose }) => {
+const ModalBase: FunctionComponent<Props> = ({ children, className, footer, isOpen, title, onClose }) => {
   const translate = useTranslate();
   const [shouldReturnFocusAfterClose, setShouldReturnFocusAfterClose] = useState(true);
 
@@ -83,6 +83,6 @@ const Modal: FunctionComponent<Props> = ({ children, className, footer, isOpen,
   );
 };
 
-export default Object.assign(Modal, {
+export const Modal = Object.assign(ModalBase, {
   Section,
 });

package/packages/scrabble-solver/src/components/Modal/components/Section/Section.tsx

@@ -10,11 +10,9 @@ interface Props {
   title: ReactNode;
 }
 
-const Section: FunctionComponent<Props> = ({ children, className, label, title }) => (
+export const Section: FunctionComponent<Props> = ({ children, className, label, title }) => (
   <section aria-label={label} className={classNames(styles.section, className)}>
     <h2 className={styles.heading}>{title}</h2>
     <div>{children}</div>
   </section>
 );
-
-export default Section;

package/packages/scrabble-solver/src/components/Modal/components/Section/index.ts

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

package/packages/scrabble-solver/src/components/Modal/components/index.ts

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

package/packages/scrabble-solver/src/components/Modal/index.ts

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

package/packages/scrabble-solver/src/components/NavButtons/NavButtons.tsx

@@ -6,7 +6,7 @@ import { CardChecklist, Cog, Eraser, Github, KeyboardFill, List, Sack } from 'ic
 import { GITHUB_PROJECT_URL } from 'parameters';
 import { selectHasInvalidWords, selectHasOverusedTiles, useTranslate, useTypedSelector } from 'state';
 
-import IconButton from '../IconButton';
+import { IconButton } from '../IconButton';
 
 import styles from './NavButtons.module.scss';
 
@@ -19,7 +19,7 @@ interface Props {
   onShowWords: () => void;
 }
 
-const NavButtons: FunctionComponent<Props> = ({
+const NavButtonsBase: FunctionComponent<Props> = ({
   onClear,
   onShowKeyMap,
   onShowMenu,
@@ -136,4 +136,4 @@ const NavButtons: FunctionComponent<Props> = ({
   );
 };
 
-export default memo(NavButtons);
+export const NavButtons = memo(NavButtonsBase);

package/packages/scrabble-solver/src/components/NavButtons/index.ts

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

package/packages/scrabble-solver/src/components/NotFound/NotFound.tsx

@@ -2,13 +2,13 @@ import { FunctionComponent } from 'react';
 
 import { DashCircleFill } from 'icons';
 
-import PlainTiles from '../PlainTiles';
+import { PlainTiles } from '../PlainTiles';
 
 import styles from './NotFound.module.scss';
 
 const CONTENT = [['HTTP', '404']];
 
-const NotFound: FunctionComponent = () => (
+export const NotFound: FunctionComponent = () => (
   <div className={styles.notFound}>
     <a className={styles.link} href="/">
       <DashCircleFill aria-hidden="true" className={styles.icon} role="img" />
@@ -16,5 +16,3 @@ const NotFound: FunctionComponent = () => (
     </a>
   </div>
 );
-
-export default NotFound;

package/packages/scrabble-solver/src/components/NotFound/index.ts

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

package/packages/scrabble-solver/src/components/PlainTiles/PlainTiles.tsx

@@ -3,7 +3,7 @@ import { CSSProperties, FunctionComponent, useMemo } from 'react';
 
 import { createPlainTiles, getViewbox } from './lib';
 import styles from './PlainTiles.module.scss';
-import Tile from './Tile';
+import { Tile } from './Tile';
 
 interface Props {
   className?: string;
@@ -15,7 +15,15 @@ interface Props {
   wave?: boolean;
 }
 
-const PlainTiles: FunctionComponent<Props> = ({ className, color, content, dropShadow, showPoints, style, wave }) => {
+export const PlainTiles: FunctionComponent<Props> = ({
+  className,
+  color,
+  content,
+  dropShadow,
+  showPoints,
+  style,
+  wave,
+}) => {
   const tiles = useMemo(() => createPlainTiles({ color, content, showPoints }), [color, content, showPoints]);
 
   return (
@@ -44,5 +52,3 @@ const PlainTiles: FunctionComponent<Props> = ({ className, color, content, dropS
     </svg>
   );
 };
-
-export default PlainTiles;

package/packages/scrabble-solver/src/components/PlainTiles/Tile.tsx

@@ -11,7 +11,7 @@ interface Props {
   y: number;
 }
 
-const Tile: FunctionComponent<Props> = ({ character, className, color, points, size, transform, x, y }) => (
+export const Tile: FunctionComponent<Props> = ({ character, className, color, points, size, transform, x, y }) => (
   <g className={className} fill="#222" transform={transform}>
     <rect fill={color} height={size} rx={size * 0.15} width={size} x={x} y={y} />
 
@@ -40,5 +40,3 @@ const Tile: FunctionComponent<Props> = ({ character, className, color, points, s
     )}
   </g>
 );
-
-export default Tile;

package/packages/scrabble-solver/src/components/PlainTiles/index.ts

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

package/packages/scrabble-solver/src/components/PlainTiles/lib/createPlainTile.ts

@@ -11,11 +11,17 @@ import {
 
 import { CreatePlainTileOptions, PlainTile } from '../types';
 
-import getX from './getX';
-import getY from './getY';
-import randomize from './randomize';
+import { getX } from './getX';
+import { getY } from './getY';
+import { randomize } from './randomize';
 
-const createPlainTile = ({ cellIndex, character, color, rowIndex, showPoints }: CreatePlainTileOptions): PlainTile => {
+export const createPlainTile = ({
+  cellIndex,
+  character,
+  color,
+  rowIndex,
+  showPoints,
+}: CreatePlainTileOptions): PlainTile => {
   const configPoints = getConfig(Game.Literaki, Locale.EN_US).getCharacterPoints(character.toLowerCase());
   const points = showPoints ? configPoints : undefined;
   const defaultColor =
@@ -33,5 +39,3 @@ const createPlainTile = ({ cellIndex, character, color, rowIndex, showPoints }:
     y: randomize(getY(rowIndex), PLAIN_TILES_TILE_MAX_SCATTER),
   };
 };
-
-export default createPlainTile;

package/packages/scrabble-solver/src/components/PlainTiles/lib/createPlainTiles.ts

@@ -1,8 +1,8 @@
 import { CreatePlainTilesOptions, PlainTile } from '../types';
 
-import createPlainTile from './createPlainTile';
+import { createPlainTile } from './createPlainTile';
 
-const createPlainTiles = ({ color, content, showPoints }: CreatePlainTilesOptions): PlainTile[] => {
+export const createPlainTiles = ({ color, content, showPoints }: CreatePlainTilesOptions): PlainTile[] => {
   const rows = content.map((words, rowIndex) => {
     return words.map((word, wordIndex) => {
       const cellOffset = words.slice(0, wordIndex).reduce((result, { length }) => result + length + ' '.length, 0);
@@ -23,5 +23,3 @@ const createPlainTiles = ({ color, content, showPoints }: CreatePlainTilesOption
   const tiles = rows.flat(2);
   return tiles;
 };
-
-export default createPlainTiles;

package/packages/scrabble-solver/src/components/PlainTiles/lib/getViewbox.ts

@@ -1,6 +1,6 @@
 import { PLAIN_TILES_TILE_MARGIN, PLAIN_TILES_TILE_SIZE } from 'parameters';
 
-const getViewbox = (content: string[][]): string => {
+export const getViewbox = (content: string[][]): string => {
   const longestRowLength = content.reduce((result, words) => {
     const wordsLength = words.reduce((sum, word) => sum + word.length, 0);
     const rowLength = wordsLength + Math.max(words.length - 1, 0);
@@ -15,5 +15,3 @@ const getViewbox = (content: string[][]): string => {
 
   return `0 0 ${width} ${height}`;
 };
-
-export default getViewbox;

package/packages/scrabble-solver/src/components/PlainTiles/lib/getX.ts

@@ -1,7 +1,5 @@
 import { PLAIN_TILES_PADDING_HORIZONTAL, PLAIN_TILES_TILE_MARGIN, PLAIN_TILES_TILE_SIZE } from 'parameters';
 
-const getX = (index: number): number => {
+export const getX = (index: number): number => {
   return PLAIN_TILES_PADDING_HORIZONTAL + index * (PLAIN_TILES_TILE_SIZE + PLAIN_TILES_TILE_MARGIN);
 };
-
-export default getX;

package/packages/scrabble-solver/src/components/PlainTiles/lib/getY.ts

@@ -1,7 +1,5 @@
 import { PLAIN_TILES_PADDING_VERTICAL, PLAIN_TILES_TILE_MARGIN, PLAIN_TILES_TILE_SIZE } from 'parameters';
 
-const getY = (index: number): number => {
+export const getY = (index: number): number => {
   return PLAIN_TILES_PADDING_VERTICAL + index * (PLAIN_TILES_TILE_SIZE + PLAIN_TILES_TILE_MARGIN);
 };
-
-export default getY;

package/packages/scrabble-solver/src/components/PlainTiles/lib/index.ts

@@ -1,6 +1,6 @@
-export { default as createPlainTile } from './createPlainTile';
-export { default as createPlainTiles } from './createPlainTiles';
-export { default as getViewbox } from './getViewbox';
-export { default as getX } from './getX';
-export { default as getY } from './getY';
-export { default as randomize } from './randomize';
+export { createPlainTile } from './createPlainTile';
+export { createPlainTiles } from './createPlainTiles';
+export { getViewbox } from './getViewbox';
+export { getX } from './getX';
+export { getY } from './getY';
+export { randomize } from './randomize';

package/packages/scrabble-solver/src/components/PlainTiles/lib/randomize.ts

@@ -1,3 +1 @@
-const randomize = (value: number, maxChange: number): number => value + maxChange * 2 * (0.5 - Math.random());
-
-export default randomize;
+export const randomize = (value: number, maxChange: number): number => value + maxChange * 2 * (0.5 - Math.random());

package/packages/scrabble-solver/src/components/Progress/Progress.tsx

@@ -17,7 +17,7 @@ const getGradient = (progress: number, color: string, background: string) => {
   return `linear-gradient(90deg, ${color} 0%, ${color} ${percent}%, ${background} ${percent}%, ${background} 100%)`;
 };
 
-const Progress: FunctionComponent<Props> = ({ className, max, min = 0, style, value, ...props }) => {
+export const Progress: FunctionComponent<Props> = ({ className, max, min = 0, style, value, ...props }) => {
   const locale = useTypedSelector(selectLocale);
   const progress = value / (max - min);
   const percent = Math.round(100 * progress);
@@ -34,5 +34,3 @@ const Progress: FunctionComponent<Props> = ({ className, max, min = 0, style, va
     />
   );
 };
-
-export default Progress;

package/packages/scrabble-solver/src/components/Progress/index.ts

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

package/packages/scrabble-solver/src/components/Rack/Rack.tsx

@@ -45,7 +45,7 @@ interface Props {
   tileSize: number;
 }
 
-const Rack: FunctionComponent<Props> = ({ className, tileSize }) => {
+export const Rack: FunctionComponent<Props> = ({ className, tileSize }) => {
   const dispatch = useDispatch();
   const config = useTypedSelector(selectConfig);
   const locale = useTypedSelector(selectLocale);
@@ -120,7 +120,7 @@ const Rack: FunctionComponent<Props> = ({ className, tileSize }) => {
   const handleFocus = useCallback(() => {
     setHasFocus(true);
     floatingInputPrompt.refs.setPositionReference(ref.current);
-    const characters: string[] = rack.filter((character) => character !== null) as string[];
+    const characters = rack.filter((character) => character !== null);
     const uppercasedDigraphs = characters.map((character) => {
       return character.length > 1 ? character.toLocaleUpperCase(locale) : character;
     });
@@ -216,5 +216,3 @@ const Rack: FunctionComponent<Props> = ({ className, tileSize }) => {
     </>
   );
 };
-
-export default Rack;

package/packages/scrabble-solver/src/components/Rack/components/InputPrompt/InputPrompt.tsx

@@ -25,7 +25,7 @@ interface Props {
   onSubmit: FormEventHandler<HTMLFormElement>;
 }
 
-const InputPrompt = forwardRef<HTMLFormElement, Props>(
+const InputPromptBase = forwardRef<HTMLFormElement, Props>(
   ({ className, style, value, onBlur, onChange, onSubmit, ...props }, ref) => {
     const dispatch = useDispatch();
     const translate = useTranslate();
@@ -83,6 +83,6 @@ const InputPrompt = forwardRef<HTMLFormElement, Props>(
   },
 );
 
-export default Object.assign(InputPrompt, {
+export const InputPrompt = Object.assign(InputPromptBase, {
   styles,
 });

package/packages/scrabble-solver/src/components/Rack/components/InputPrompt/index.ts

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

package/packages/scrabble-solver/src/components/Rack/components/RackTile/RackTile.tsx

@@ -8,7 +8,6 @@ import {
   FunctionComponent,
   KeyboardEventHandler,
   MouseEventHandler,
-  MutableRefObject,
   RefObject,
   TouchEventHandler,
   useCallback,
@@ -28,12 +27,12 @@ import {
   useTypedSelector,
 } from 'state';
 
-import Tile from '../../../Tile';
+import { Tile } from '../../../Tile';
 
 import styles from './RackTile.module.scss';
 
 interface Props {
-  activeIndexRef: MutableRefObject<number | undefined>;
+  activeIndexRef: RefObject<number | undefined>;
   character: string | null;
   className?: string;
   index: number;
@@ -45,7 +44,7 @@ interface Props {
   onFocus: () => void;
 }
 
-const RackTile: FunctionComponent<Props> = ({
+export const RackTile: FunctionComponent<Props> = ({
   activeIndexRef,
   character,
   className,
@@ -103,7 +102,7 @@ const RackTile: FunctionComponent<Props> = ({
           const twoTilesCharacter = config.getTwoCharacterTileByPrefix(event.key);
 
           if (twoTilesCharacter) {
-            dispatch(rackSlice.actions.changeCharacter({ character: twoTilesCharacter!, index }));
+            dispatch(rackSlice.actions.changeCharacter({ character: twoTilesCharacter, index }));
           }
         }
 
@@ -160,5 +159,3 @@ const RackTile: FunctionComponent<Props> = ({
     />
   );
 };
-
-export default RackTile;

package/packages/scrabble-solver/src/components/Rack/components/RackTile/index.ts

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

package/packages/scrabble-solver/src/components/Rack/components/index.ts

@@ -1,2 +1,2 @@
-export { default as InputPrompt } from './InputPrompt';
-export { default as RackTile } from './RackTile';
+export { InputPrompt } from './InputPrompt';
+export { RackTile } from './RackTile';

package/packages/scrabble-solver/src/components/Rack/index.ts

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

package/packages/scrabble-solver/src/components/Radio/Radio.tsx

@@ -13,7 +13,7 @@ interface Props {
   onChange: ChangeEventHandler<HTMLInputElement>;
 }
 
-const Radio: FunctionComponent<Props> = ({ checked, children, className, disabled, name, value, onChange }) => (
+export const Radio: FunctionComponent<Props> = ({ checked, children, className, disabled, name, value, onChange }) => (
   <label
     className={classNames(styles.radio, className, {
       [styles.checked]: checked,
@@ -37,5 +37,3 @@ const Radio: FunctionComponent<Props> = ({ checked, children, className, disable
     <div className={styles.content}>{children}</div>
   </label>
 );
-
-export default Radio;

package/packages/scrabble-solver/src/components/Radio/index.ts

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

package/packages/scrabble-solver/src/components/Results/Cell.tsx

@@ -18,7 +18,15 @@ interface Props {
   value: string | number;
 }
 
-const Cell: FunctionComponent<Props> = ({ children, className, dataTestId, style, translationKey, tooltip, value }) => {
+export const Cell: FunctionComponent<Props> = ({
+  children,
+  className,
+  dataTestId,
+  style,
+  translationKey,
+  tooltip,
+  value,
+}) => {
   const translate = useTranslate();
   const locale = useTypedSelector(selectLocale);
   const formattedValue = value.toLocaleString(locale);
@@ -31,5 +39,3 @@ const Cell: FunctionComponent<Props> = ({ children, className, dataTestId, style
     </Tooltip>
   );
 };
-
-export default Cell;

package/packages/scrabble-solver/src/components/Results/Header.tsx

@@ -5,10 +5,10 @@ import { GeoAlt, OneTwoThree, Square, SquareA, SquareB, Squares, Words } from 'i
 import { RESULTS_COLUMN_WIDTH } from 'parameters';
 import { ResultColumnId } from 'types';
 
-import HeaderButton from './HeaderButton';
+import { HeaderButton } from './HeaderButton';
 import styles from './Results.module.scss';
 
-const Results: FunctionComponent = () => {
+export const Header: FunctionComponent = () => {
   const { resultWordWidth } = useAppLayout();
   const columns = useColumns();
 
@@ -95,5 +95,3 @@ const Results: FunctionComponent = () => {
     </div>
   );
 };
-
-export default Results;