@scrabble-solver/scrabble-solver 2.15.8 → 2.15.10

package/LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2024 Kamil Mielnik <kamil@kamilmielnik.com>
+Copyright (c) 2025 Kamil Mielnik <kamil@kamilmielnik.com>
 
 Attribution-NonCommercial-NoDerivatives 4.0 International
 

package/next.config.js

@@ -16,6 +16,9 @@ const tsConfigAliases = Object.keys(tsConfigJson.compilerOptions.paths).reduce(
 
 module.exports = {
   compress: false,
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
   reactStrictMode: true,
   webpack: (config) => ({
     ...config,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scrabble-solver/scrabble-solver",
-  "version": "2.15.8",
+  "version": "2.15.10",
   "description": "Scrabble Solver 2 - App",
   "repository": {
     "type": "git",
@@ -27,18 +27,18 @@
     "@floating-ui/react": "^0.27.5",
     "@kamilmielnik/trie": "^4.0.0",
     "@reduxjs/toolkit": "^2.6.1",
-    "@scrabble-solver/configs": "^2.15.8",
-    "@scrabble-solver/constants": "^2.15.8",
-    "@scrabble-solver/dictionaries": "^2.15.8",
-    "@scrabble-solver/logger": "^2.15.8",
-    "@scrabble-solver/solver": "^2.15.8",
-    "@scrabble-solver/types": "^2.15.8",
-    "@scrabble-solver/word-definitions": "^2.15.8",
+    "@scrabble-solver/configs": "^2.15.10",
+    "@scrabble-solver/constants": "^2.15.10",
+    "@scrabble-solver/dictionaries": "^2.15.10",
+    "@scrabble-solver/logger": "^2.15.10",
+    "@scrabble-solver/solver": "^2.15.10",
+    "@scrabble-solver/types": "^2.15.10",
+    "@scrabble-solver/word-definitions": "^2.15.10",
     "classnames": "^2.5.1",
     "env-cmd": "^10.1.0",
     "include-media": "^2.0.0",
     "include-media-query-builder": "^1.1.0",
-    "next": "^15.2.3",
+    "next": "^15.2.4",
     "normalize.css": "^8.0.1",
     "react": "^19.0.0",
     "react-cool-onclickoutside": "^1.7.0",
@@ -49,6 +49,7 @@
     "react-window": "^1.8.11",
     "redux-saga": "^1.3.0",
     "store2": "^2.14.4",
+    "transliteration": "^2.3.5",
     "use-debounce": "^10.0.4",
     "workbox-expiration": "^7.3.0",
     "workbox-precaching": "^7.3.0",
@@ -70,5 +71,5 @@
     "@types/redux-saga": "^0.10.5",
     "sass": "^1.86.0"
   },
-  "gitHead": "da3ecd2d83f48bcc6aa7d43a6dc937d103e1312d"
+  "gitHead": "dab5a817c1bde1a3ebf8e8907215adf12af5cb27"
 }

package/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/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/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/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/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/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/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/src/components/Alert/index.ts

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

package/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/src/components/Badge/index.ts

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

package/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);
@@ -116,7 +116,7 @@ const Board: FunctionComponent<Props> = ({ className }) => {
       dispatch(solveSlice.actions.submit());
       setHasFocus(false);
     },
-    [activeIndex, dispatch, locale],
+    [activeIndex, dispatch, insertValue, locale],
   );
 
   const handleToggleBlank = useCallback(() => {
@@ -227,5 +227,3 @@ const Board: FunctionComponent<Props> = ({ className }) => {
     </>
   );
 };
-
-export default Board;

package/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/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/src/components/Board/components/Actions/index.ts

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

package/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/src/components/Board/components/Cell/index.ts

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

package/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/src/components/Board/components/InputPrompt/index.ts

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

package/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/src/components/Board/components/ToggleDirectionButton/index.ts

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

package/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/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/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/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, tileFontSize],
+    [backgroundImage, config.boardHeight, config.boardWidth, coordinatesSize, showCoordinates, tileFontSize],
   );
 
   return boardStyle;
 };
-
-export default useBoardStyle;

package/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/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/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/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();
@@ -69,7 +69,7 @@ const useGrid = (rows: Cell[][]): [State, Actions] => {
       setActiveIndex({ x, y });
       inputRefs[y][x].current?.focus();
     },
-    [safeActiveIndex, inputRefs],
+    [safeActiveIndex, height, inputRefs, width],
   );
 
   const getInputRefPosition = useCallback(
@@ -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;
         }
 
@@ -188,7 +188,7 @@ const useGrid = (rows: Cell[][]): [State, Actions] => {
       moveFocus(Math.abs(position.x - x) + Math.abs(position.y - y));
       actions.forEach(dispatch);
     },
-    [config, directionRef, dispatch, moveFocus, rows],
+    [config, directionRef, dispatch, height, moveFocus, rows, width],
   );
 
   const onChange = useCallback(
@@ -219,7 +219,7 @@ const useGrid = (rows: Cell[][]): [State, Actions] => {
 
       insertValue(position, value);
     },
-    [dispatch, insertValue, moveFocus, rows],
+    [dispatch, insertValue, moveFocus, rows, getInputRefPosition],
   );
 
   const onDirectionToggle = useCallback(() => setLastDirection(toggleDirection), []);
@@ -347,7 +347,7 @@ const useGrid = (rows: Cell[][]): [State, Actions] => {
         dispatch(boardSlice.actions.toggleCellIsBlank(position));
       },
     });
-  }, [changeActiveIndex, config, direction, dispatch, locale, moveFocus, onDirectionToggle, rows]);
+  }, [changeActiveIndex, config, direction, dispatch, getInputRefPosition, locale, moveFocus, onDirectionToggle, rows]);
 
   const onPaste = useCallback<ClipboardEventHandler>(
     (event) => {
@@ -366,7 +366,7 @@ const useGrid = (rows: Cell[][]): [State, Actions] => {
       const value = event.clipboardData.getData('text/plain').toLocaleLowerCase();
       insertValue(position, value);
     },
-    [insertValue],
+    [getInputRefPosition, insertValue],
   );
 
   return [
@@ -374,5 +374,3 @@ const useGrid = (rows: Cell[][]): [State, Actions] => {
     { insertValue, onChange, onDirectionToggle, onFocus, onKeyDown, onPaste },
   ];
 };
-
-export default useGrid;

package/src/components/Board/index.ts

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

package/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/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/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';