scrabble-solver 2.15.9 → 2.15.10

package/packages/scrabble-solver/src/api/getServerLoggingData.ts

@@ -8,12 +8,10 @@ interface ServerLoggingData {
   xRealIp?: string | string[];
 }
 
-const getServerLoggingData = (request: NextApiRequest): ServerLoggingData => ({
+export const getServerLoggingData = (request: NextApiRequest): ServerLoggingData => ({
   origin: request.headers.origin,
   referer: request.headers.referer,
   userAgent: request.headers['user-agent'],
   xForwardedFor: request.headers['x-forwarded-for'],
   xRealIp: request.headers['x-real-ip'],
 });
-
-export default getServerLoggingData;

package/packages/scrabble-solver/src/api/index.ts

@@ -1,5 +1,5 @@
-export { default as getServerLoggingData } from './getServerLoggingData';
-export { default as isBoardValid } from './isBoardValid';
-export { default as isCellValid } from './isCellValid';
-export { default as isCharacterValid } from './isCharacterValid';
-export { default as isRowValid } from './isRowValid';
+export { getServerLoggingData } from './getServerLoggingData';
+export { isBoardValid } from './isBoardValid';
+export { isCellValid } from './isCellValid';
+export { isCharacterValid } from './isCharacterValid';
+export { isRowValid } from './isRowValid';

package/packages/scrabble-solver/src/api/isBoardValid.ts

@@ -1,9 +1,9 @@
 import { BoardJson, CellJson, Config } from '@scrabble-solver/types';
 
-import isRowValid from './isRowValid';
+import { isRowValid } from './isRowValid';
 
-const isBoardValid = (board: BoardJson, config: Config): boolean => {
-  if (board.length !== config.boardSize) {
+export const isBoardValid = (board: BoardJson, config: Config): boolean => {
+  if (board.length !== config.boardHeight) {
     return false;
   }
 
@@ -39,5 +39,3 @@ const areTwoCharacterTilesValid = (board: CellJson[][], config: Config): boolean
 
   return true;
 };
-
-export default isBoardValid;

package/packages/scrabble-solver/src/api/isCellValid.ts

@@ -1,15 +1,15 @@
 import { CellJson, Config } from '@scrabble-solver/types';
 
-import isCharacterValid from './isCharacterValid';
+import { isCharacterValid } from './isCharacterValid';
 
-const isCellValid = (cell: CellJson, config: Config): boolean => {
+export const isCellValid = (cell: CellJson, config: Config): boolean => {
   const { isEmpty, tile, x, y } = cell;
 
-  if (x < 0 || x >= config.boardSize) {
+  if (x < 0 || x >= config.boardWidth) {
     return false;
   }
 
-  if (y < 0 || y >= config.boardSize) {
+  if (y < 0 || y >= config.boardHeight) {
     return false;
   }
 
@@ -23,5 +23,3 @@ const isCellValid = (cell: CellJson, config: Config): boolean => {
 
   return true;
 };
-
-export default isCellValid;

package/packages/scrabble-solver/src/api/isCharacterValid.ts

@@ -1,7 +1,8 @@
 const TWO_TILE_CHARACTER_LENGTH = 2;
+
 const MAX_CHARACTER_LENGTH = TWO_TILE_CHARACTER_LENGTH;
 
-const isCharacterValid = (character: string): boolean => {
+export const isCharacterValid = (character: string): boolean => {
   /*
    * We could be strict here and check whether config.hasCharacter(character) || character === BLANK
    * but since this case won't really affect/break solving, we don't need to worry about it.
@@ -9,5 +10,3 @@ const isCharacterValid = (character: string): boolean => {
    */
   return character.length !== 0 && character.length <= MAX_CHARACTER_LENGTH;
 };
-
-export default isCharacterValid;

package/packages/scrabble-solver/src/api/isRowValid.ts

@@ -1,9 +1,9 @@
 import { CellJson, Config } from '@scrabble-solver/types';
 
-import isCellValid from './isCellValid';
+import { isCellValid } from './isCellValid';
 
-const isRowValid = (row: CellJson[], config: Config): boolean => {
-  if (row.length !== config.boardSize) {
+export const isRowValid = (row: CellJson[], config: Config): boolean => {
+  if (row.length !== config.boardWidth) {
     return false;
   }
 
@@ -15,5 +15,3 @@ const isRowValid = (row: CellJson[], config: Config): boolean => {
 
   return true;
 };
-
-export default isRowValid;

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

@@ -18,7 +18,7 @@ const ICON_PER_TYPE: Record<Props['variant'], FunctionComponent<SVGAttributes<SV
   warning: ExclamationTriangleFill,
 };
 
-const Alert: FunctionComponent<Props> = ({ children, className, variant, ...props }) => {
+export const Alert: FunctionComponent<Props> = ({ children, className, variant, ...props }) => {
   const Icon = ICON_PER_TYPE[variant];
 
   return (
@@ -39,5 +39,3 @@ const Alert: FunctionComponent<Props> = ({ children, className, variant, ...prop
     </div>
   );
 };
-
-export default Alert;

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

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

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

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

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

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

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

@@ -23,7 +23,7 @@ import {
 } from 'state';
 
 import styles from './Board.module.scss';
-import BoardPure from './BoardPure';
+import { BoardPure } from './BoardPure';
 import { Actions, InputPrompt } from './components';
 import { useBoardStyle, useFloatingActions, useFloatingFocus, useFloatingInputPrompt, useGrid } from './hooks';
 
@@ -31,7 +31,7 @@ interface Props {
   className?: string;
 }
 
-const Board: FunctionComponent<Props> = ({ className }) => {
+export const Board: FunctionComponent<Props> = ({ className }) => {
   const dispatch = useDispatch();
   const locale = useTypedSelector(selectLocale);
   const rows = useTypedSelector(selectRowsWithCandidate);
@@ -227,5 +227,3 @@ const Board: FunctionComponent<Props> = ({ className }) => {
     </>
   );
 };
-
-export default Board;

package/packages/scrabble-solver/src/components/Board/BoardPure.tsx

@@ -38,7 +38,7 @@ interface Props {
   onPaste: ClipboardEventHandler<HTMLInputElement>;
 }
 
-const BoardPure = forwardRef<HTMLDivElement, Props>(
+const BoardPureBase = forwardRef<HTMLDivElement, Props>(
   (
     {
       className,
@@ -149,4 +149,4 @@ const BoardPure = forwardRef<HTMLDivElement, Props>(
   ),
 );
 
-export default memo(BoardPure);
+export const BoardPure = memo(BoardPureBase);

package/packages/scrabble-solver/src/components/Board/components/Actions/Actions.tsx

@@ -9,8 +9,8 @@ import { findCell, isMac } from 'lib';
 import { selectCellFilter, selectInputMode, selectResultCandidateCells, useTranslate, useTypedSelector } from 'state';
 import { Direction } from 'types';
 
-import Button from '../../../Button';
-import ToggleDirectionButton from '../ToggleDirectionButton';
+import { Button } from '../../../Button';
+import { ToggleDirectionButton } from '../ToggleDirectionButton';
 
 import styles from './Actions.module.scss';
 import { getNextCellFilter } from './lib';
@@ -24,7 +24,7 @@ interface Props extends HTMLProps<HTMLDivElement> {
   onToggleFilterCell: MouseEventHandler<HTMLButtonElement>;
 }
 
-const Actions = forwardRef<HTMLDivElement, Props>(
+export const Actions = forwardRef<HTMLDivElement, Props>(
   (
     { cell, className, direction, onDirectionToggle, onEnterWord, onToggleBlank, onToggleFilterCell, ...props },
     ref,
@@ -98,5 +98,3 @@ const Actions = forwardRef<HTMLDivElement, Props>(
     );
   },
 );
-
-export default Actions;

package/packages/scrabble-solver/src/components/Board/components/Actions/index.ts

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

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

@@ -21,7 +21,7 @@ import {
   useTypedSelector,
 } from 'state';
 
-import Tile from '../../../Tile';
+import { Tile } from '../../../Tile';
 
 import styles from './Cell.module.scss';
 
@@ -38,7 +38,7 @@ interface Props {
   onFocus: (x: number, y: number) => void;
 }
 
-const Cell: FunctionComponent<Props> = ({
+export const Cell: FunctionComponent<Props> = ({
   cell,
   cellBottom,
   cellLeft,
@@ -101,7 +101,7 @@ const Cell: FunctionComponent<Props> = ({
       })}
       className={classNames(styles.tile, className, {
         [styles.first3]: x < 3,
-        [styles.last3]: config.boardSize - x - 1 < 3,
+        [styles.last3]: config.boardWidth - x - 1 < 3,
         [styles.sharpTopLeft]: cellTop?.hasTile() || cellLeft?.hasTile(),
         [styles.sharpTopRight]: cellTop?.hasTile() || cellRight?.hasTile(),
         [styles.sharpBottomLeft]: cellBottom?.hasTile() || cellLeft?.hasTile(),
@@ -123,5 +123,3 @@ const Cell: FunctionComponent<Props> = ({
     />
   );
 };
-
-export default Cell;

package/packages/scrabble-solver/src/components/Board/components/Cell/index.ts

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

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

@@ -5,8 +5,8 @@ import { Check } from 'icons';
 import { useTranslate } from 'state';
 import { Direction } from 'types';
 
-import Button from '../../../Button';
-import ToggleDirectionButton from '../ToggleDirectionButton';
+import { Button } from '../../../Button';
+import { ToggleDirectionButton } from '../ToggleDirectionButton';
 
 import styles from './InputPrompt.module.scss';
 
@@ -18,7 +18,7 @@ interface Props extends Omit<HTMLProps<HTMLFormElement>, 'onSubmit'> {
   onSubmit: (input: string) => void;
 }
 
-const InputPrompt = forwardRef<HTMLFormElement, Props>(
+export const InputPrompt = forwardRef<HTMLFormElement, Props>(
   ({ className, direction, initialValue, onDirectionToggle, onSubmit, ...props }, ref) => {
     const translate = useTranslate();
     const [inputRef, setInputRef] = useState<HTMLInputElement | null>(null);
@@ -78,5 +78,3 @@ const InputPrompt = forwardRef<HTMLFormElement, Props>(
     );
   },
 );
-
-export default InputPrompt;

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

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

package/packages/scrabble-solver/src/components/Board/components/ToggleDirectionButton/ToggleDirectionButton.tsx

@@ -6,7 +6,7 @@ import { ArrowDown } from 'icons';
 import { useTranslate } from 'state';
 import { Direction } from 'types';
 
-import Button from '../../../Button';
+import { Button } from '../../../Button';
 
 import styles from './ToggleDirectionButton.module.scss';
 
@@ -15,7 +15,7 @@ interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
   direction: Direction;
 }
 
-const ToggleDirectionButton: FunctionComponent<Props> = ({ className, direction, ...props }) => {
+export const ToggleDirectionButton: FunctionComponent<Props> = ({ className, direction, ...props }) => {
   const translate = useTranslate();
   const isTouchDevice = useIsTouchDevice();
 
@@ -39,5 +39,3 @@ const ToggleDirectionButton: FunctionComponent<Props> = ({ className, direction,
     />
   );
 };
-
-export default ToggleDirectionButton;

package/packages/scrabble-solver/src/components/Board/components/ToggleDirectionButton/index.ts

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

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

@@ -1,4 +1,4 @@
-export { default as Actions } from './Actions';
-export { default as Cell } from './Cell';
-export { default as InputPrompt } from './InputPrompt';
-export { default as ToggleDirectionButton } from './ToggleDirectionButton';
+export { Actions } from './Actions';
+export { Cell } from './Cell';
+export { InputPrompt } from './InputPrompt';
+export { ToggleDirectionButton } from './ToggleDirectionButton';

package/packages/scrabble-solver/src/components/Board/hooks/index.ts

@@ -1,6 +1,6 @@
-export { default as useBackgroundImage } from './useBackgroundImage';
-export { default as useBoardStyle } from './useBoardStyle';
-export { default as useFloatingActions } from './useFloatingActions';
-export { default as useFloatingFocus } from './useFloatingFocus';
-export { default as useFloatingInputPrompt } from './useFloatingInputPrompt';
-export { default as useGrid } from './useGrid';
+export { useBackgroundImage } from './useBackgroundImage';
+export { useBoardStyle } from './useBoardStyle';
+export { useFloatingActions } from './useFloatingActions';
+export { useFloatingFocus } from './useFloatingFocus';
+export { useFloatingInputPrompt } from './useFloatingInputPrompt';
+export { useGrid } from './useGrid';

package/packages/scrabble-solver/src/components/Board/hooks/useBackgroundImage.tsx

@@ -24,17 +24,17 @@ const BONUS_WORD_2 = 'b2';
 const BONUS_WORD_3 = 'b3';
 const BONUS_WORD_4 = 'b4';
 
-const useBackgroundImage = () => {
-  const { boardSize, cellSize, coordinatesSize } = useAppLayout();
+export const useBackgroundImage = () => {
+  const { boardHeight, boardWidth, cellSize, coordinatesSize } = useAppLayout();
   const locale = useTypedSelector(selectLocale);
   const { direction } = LOCALE_FEATURES[locale];
   const showCoordinates = useTypedSelector(selectShowCoordinates);
   const { isLessThanXs } = useMediaQueries();
   const borderRadius = isLessThanXs ? BORDER_RADIUS_XS : BORDER_RADIUS;
   const config = useTypedSelector(selectConfig);
-  const center = { x: Math.floor(config.boardSize / 2), y: Math.floor(config.boardSize / 2) };
-  const viewBoxHeight = boardSize;
-  const viewBoxWidth = boardSize;
+  const center = { x: Math.floor(config.boardWidth / 2), y: Math.floor(config.boardHeight / 2) };
+  const viewBoxHeight = boardHeight;
+  const viewBoxWidth = boardWidth;
   const bonusSize = cellSize * 0.8;
   const bonusOffset = cellSize * 0.1;
   const iconSize = cellSize * 0.4;
@@ -157,7 +157,7 @@ const useBackgroundImage = () => {
           </>
         )}
 
-        {Array.from({ length: config.boardSize - 1 }).map((_value, index) => (
+        {Array.from({ length: config.boardHeight - 1 }).map((_value, index) => (
           <use
             key={index}
             href={`#${HORIZONTAL_LINE}`}
@@ -165,7 +165,7 @@ const useBackgroundImage = () => {
           />
         ))}
 
-        {Array.from({ length: config.boardSize - 1 }).map((_value, index) => (
+        {Array.from({ length: config.boardWidth - 1 }).map((_value, index) => (
           <use
             key={index}
             href={`#${VERTICAL_LINE}`}
@@ -213,5 +213,3 @@ const useBackgroundImage = () => {
   const dataUrl = `data:image/svg+xml;base64,${encodedSvg}`;
   return dataUrl;
 };
-
-export default useBackgroundImage;

package/packages/scrabble-solver/src/components/Board/hooks/useBoardStyle.ts

@@ -5,9 +5,9 @@ import { getTileSizes } from 'lib';
 import { BORDER_WIDTH } from 'parameters';
 import { selectConfig, selectShowCoordinates, useTypedSelector } from 'state';
 
-import useBackgroundImage from './useBackgroundImage';
+import { useBackgroundImage } from './useBackgroundImage';
 
-const useBoardStyle = () => {
+export const useBoardStyle = () => {
   const config = useTypedSelector(selectConfig);
   const { cellSize } = useAppLayout();
   const { tileFontSize } = getTileSizes(cellSize);
@@ -20,17 +20,15 @@ const useBoardStyle = () => {
       fontSize: tileFontSize,
       gridTemplateColumns:
         showCoordinates === 'hidden'
-          ? `repeat(${config.boardSize}, 1fr)`
-          : `${coordinatesSize}px repeat(${config.boardSize}, 1fr)`,
+          ? `repeat(${config.boardWidth}, 1fr)`
+          : `${coordinatesSize}px repeat(${config.boardWidth}, 1fr)`,
       gridTemplateRows:
         showCoordinates === 'hidden'
-          ? `repeat(${config.boardSize}, 1fr)`
-          : `${coordinatesSize}px repeat(${config.boardSize}, 1fr)`,
+          ? `repeat(${config.boardHeight}, 1fr)`
+          : `${coordinatesSize}px repeat(${config.boardHeight}, 1fr)`,
     }),
-    [backgroundImage, config.boardSize, coordinatesSize, showCoordinates, tileFontSize],
+    [backgroundImage, config.boardHeight, config.boardWidth, coordinatesSize, showCoordinates, tileFontSize],
   );
 
   return boardStyle;
 };
-
-export default useBoardStyle;

package/packages/scrabble-solver/src/components/Board/hooks/useFloatingActions.ts

@@ -3,7 +3,7 @@ import { autoUpdate, offset, shift, useFloating } from '@floating-ui/react';
 import { useAppLayout } from 'hooks';
 import { BOARD_CELL_ACTIONS_OFFSET } from 'parameters';
 
-const useFloatingActions = () => {
+export const useFloatingActions = () => {
   const { actionsWidth } = useAppLayout();
 
   return useFloating({
@@ -18,5 +18,3 @@ const useFloatingActions = () => {
     whileElementsMounted: autoUpdate,
   });
 };
-
-export default useFloatingActions;

package/packages/scrabble-solver/src/components/Board/hooks/useFloatingFocus.ts

@@ -1,10 +1,8 @@
 import { autoUpdate, useFloating } from '@floating-ui/react';
 
-const useFloatingFocus = () => {
+export const useFloatingFocus = () => {
   return useFloating({
     placement: 'top-start',
     whileElementsMounted: autoUpdate,
   });
 };
-
-export default useFloatingFocus;

package/packages/scrabble-solver/src/components/Board/hooks/useFloatingInputPrompt.ts

@@ -2,7 +2,7 @@ import { autoUpdate, offset, shift, useFloating } from '@floating-ui/react';
 
 import { BOARD_CELL_ACTIONS_OFFSET } from 'parameters';
 
-const useFloatingInputPrompt = () => {
+export const useFloatingInputPrompt = () => {
   return useFloating({
     middleware: [
       offset({
@@ -15,5 +15,3 @@ const useFloatingInputPrompt = () => {
     whileElementsMounted: autoUpdate,
   });
 };
-
-export default useFloatingInputPrompt;

package/packages/scrabble-solver/src/components/Board/hooks/useGrid.ts

@@ -40,7 +40,7 @@ interface Actions {
   onPaste: ClipboardEventHandler<HTMLInputElement>;
 }
 
-const useGrid = (rows: Cell[][]): [State, Actions] => {
+export const useGrid = (rows: Cell[][]): [State, Actions] => {
   const height = rows.length;
   const width = rows[0].length;
   const dispatch = useDispatch();
@@ -106,7 +106,7 @@ const useGrid = (rows: Cell[][]): [State, Actions] => {
       };
 
       characters.forEach((character) => {
-        if (x >= config.boardSize || y >= config.boardSize) {
+        if (x >= config.boardWidth || y >= config.boardHeight) {
           return;
         }
 
@@ -374,5 +374,3 @@ const useGrid = (rows: Cell[][]): [State, Actions] => {
     { insertValue, onChange, onDirectionToggle, onFocus, onKeyDown, onPaste },
   ];
 };
-
-export default useGrid;

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

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

package/packages/scrabble-solver/src/components/Board/lib/getBonusColor.ts

@@ -3,7 +3,7 @@ import { Bonus } from '@scrabble-solver/types';
 
 import { COLOR_BONUS_CHARACTER, COLOR_BONUS_CHARACTER_MULTIPLIER, COLOR_BONUS_WORD } from 'parameters';
 
-const getBonusColor = (bonus: Bonus): string => {
+export const getBonusColor = (bonus: Bonus): string => {
   if (bonus.type === BONUS_WORD) {
     return COLOR_BONUS_WORD[bonus.multiplier];
   }
@@ -14,5 +14,3 @@ const getBonusColor = (bonus: Bonus): string => {
 
   return COLOR_BONUS_CHARACTER_MULTIPLIER[bonus.multiplier];
 };
-
-export default getBonusColor;

package/packages/scrabble-solver/src/components/Board/lib/getPositionInGrid.ts

@@ -1,6 +1,6 @@
 import { Point } from 'types';
 
-const getPositionInGrid = <T>(grid: T[][], constraint: (value: T) => boolean): Point | undefined => {
+export const getPositionInGrid = <T>(grid: T[][], constraint: (value: T) => boolean): Point | undefined => {
   for (let y = 0; y < grid.length; ++y) {
     for (let x = 0; x < grid[0].length; ++x) {
       if (constraint(grid[y][x])) {
@@ -11,5 +11,3 @@ const getPositionInGrid = <T>(grid: T[][], constraint: (value: T) => boolean): P
 
   return undefined;
 };
-
-export default getPositionInGrid;

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

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

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

@@ -4,7 +4,7 @@ import { ButtonHTMLAttributes, FunctionComponent, ReactNode, SVGAttributes } fro
 import { Tooltip } from '../Tooltip';
 
 import styles from './Button.module.scss';
-import Link from './Link';
+import { Link } from './Link';
 
 interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
   'aria-label': string;
@@ -15,7 +15,7 @@ interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
   wide?: boolean;
 }
 
-const Button: FunctionComponent<Props> = ({
+const ButtonBase: FunctionComponent<Props> = ({
   children,
   className,
   Icon,
@@ -45,6 +45,6 @@ const Button: FunctionComponent<Props> = ({
   );
 };
 
-export default Object.assign(Button, {
+export const Button = Object.assign(ButtonBase, {
   Link,
 });

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

@@ -15,7 +15,7 @@ interface Props extends AnchorHTMLAttributes<HTMLAnchorElement> {
   wide?: boolean;
 }
 
-const Link: FunctionComponent<Props> = ({
+export const Link: FunctionComponent<Props> = ({
   children,
   className,
   Icon,
@@ -43,5 +43,3 @@ const Link: FunctionComponent<Props> = ({
     </Tooltip>
   );
 };
-
-export default Link;

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

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

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

@@ -4,8 +4,8 @@ import { FunctionComponent } from 'react';
 import { useAppLayout } from 'hooks';
 import { selectDictionary, selectDictionaryError, useTranslate, useTypedSelector } from 'state';
 
-import EmptyState from '../EmptyState';
-import Loading from '../Loading';
+import { EmptyState } from '../EmptyState';
+import { Loading } from '../Loading';
 
 import styles from './Dictionary.module.scss';
 
@@ -13,7 +13,7 @@ interface Props {
   className?: string;
 }
 
-const Dictionary: FunctionComponent<Props> = ({ className }) => {
+export const Dictionary: FunctionComponent<Props> = ({ className }) => {
   const translate = useTranslate();
   const { dictionaryResultsHeight } = useAppLayout();
   const { results, isLoading } = useTypedSelector(selectDictionary);
@@ -78,5 +78,3 @@ const Dictionary: FunctionComponent<Props> = ({ className }) => {
     </div>
   );
 };
-
-export default Dictionary;

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

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

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

@@ -11,7 +11,7 @@ interface Props {
   className?: string;
 }
 
-const DictionaryInput: FunctionComponent<Props> = ({ className }) => {
+export const DictionaryInput: FunctionComponent<Props> = ({ className }) => {
   const dispatch = useDispatch();
   const translate = useTranslate();
   const locale = useTypedSelector(selectLocale);
@@ -42,5 +42,3 @@ const DictionaryInput: FunctionComponent<Props> = ({ className }) => {
     </form>
   );
 };
-
-export default DictionaryInput;

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

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

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

@@ -6,7 +6,7 @@ import { COLOR_BLUE, COLOR_GREEN, COLOR_RED, COLOR_YELLOW } from 'parameters';
 import { selectLocale, useTranslate, useTypedSelector } from 'state';
 import { Translations } from 'types';
 
-import PlainTiles from '../PlainTiles';
+import { PlainTiles } from '../PlainTiles';
 
 import styles from './EmptyState.module.scss';
 
@@ -30,7 +30,7 @@ const COLORS_PER_TYPE: Record<Props['variant'], string> = {
   warning: COLOR_YELLOW,
 };
 
-const EmptyState: FunctionComponent<Props> = ({ children, className, variant }) => {
+export const EmptyState: FunctionComponent<Props> = ({ children, className, variant }) => {
   const translate = useTranslate();
   const locale = useTypedSelector(selectLocale);
   const { direction } = LOCALE_FEATURES[locale];
@@ -45,5 +45,3 @@ const EmptyState: FunctionComponent<Props> = ({ children, className, variant })
     </div>
   );
 };
-
-export default EmptyState;