@scrabble-solver/scrabble-solver 2.15.8 → 2.15.10

package/src/components/Rack/components/InputPrompt/InputPrompt.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable max-lines, max-statements */
-
 import classNames from 'classnames';
 import {
   CSSProperties,
@@ -27,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();
@@ -45,7 +43,7 @@ const InputPrompt = forwardRef<HTMLFormElement, Props>(
         dispatch(rackSlice.actions.changeCharacters({ characters, index: 0 }));
         onSubmit(event);
       },
-      [config, value, onSubmit],
+      [config, dispatch, value, onSubmit],
     );
 
     useEffect(() => {
@@ -85,6 +83,6 @@ const InputPrompt = forwardRef<HTMLFormElement, Props>(
   },
 );
 
-export default Object.assign(InputPrompt, {
+export const InputPrompt = Object.assign(InputPromptBase, {
   styles,
 });

package/src/components/Rack/components/InputPrompt/index.ts

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

package/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,
@@ -87,7 +86,7 @@ const RackTile: FunctionComponent<Props> = ({
       dispatch(rackSlice.actions.changeCharacters({ characters, index }));
       onChange(event);
     },
-    [config, index, onChange],
+    [config, dispatch, index, onChange],
   );
 
   const handleKeyDown = useMemo(() => {
@@ -101,14 +100,16 @@ const RackTile: FunctionComponent<Props> = ({
           event.preventDefault();
           event.stopPropagation();
           const twoTilesCharacter = config.getTwoCharacterTileByPrefix(event.key);
-          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-          dispatch(rackSlice.actions.changeCharacter({ character: twoTilesCharacter!, index }));
+
+          if (twoTilesCharacter) {
+            dispatch(rackSlice.actions.changeCharacter({ character: twoTilesCharacter, index }));
+          }
         }
 
         onKeyDown(event);
       },
     });
-  }, [index, onKeyDown]);
+  }, [config, dispatch, index, onKeyDown]);
 
   const handleMouseDown: MouseEventHandler<HTMLInputElement> = useCallback(
     (event) => {
@@ -158,5 +159,3 @@ const RackTile: FunctionComponent<Props> = ({
     />
   );
 };
-
-export default RackTile;

package/src/components/Rack/components/RackTile/index.ts

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

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

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

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

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

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

package/src/components/Results/HeaderButton.tsx

@@ -18,7 +18,7 @@ interface Props {
   style?: CSSProperties;
 }
 
-const HeaderButton = ({ className, Icon, id, translationKey, style }: Props): ReactElement => {
+export const HeaderButton = ({ className, Icon, id, translationKey, style }: Props): ReactElement => {
   const dispatch = useDispatch();
   const translate = useTranslate();
   const sort = useTypedSelector(selectResultsSort);
@@ -52,5 +52,3 @@ const HeaderButton = ({ className, Icon, id, translationKey, style }: Props): Re
     </Tooltip>
   );
 };
-
-export default HeaderButton;

package/src/components/Results/Result.tsx

@@ -14,7 +14,7 @@ import {
 } from 'state';
 import { ResultColumnId } from 'types';
 
-import Cell from './Cell';
+import { Cell } from './Cell';
 import styles from './Results.module.scss';
 import { ResultData } from './types';
 
@@ -24,7 +24,7 @@ interface Props {
   style?: CSSProperties;
 }
 
-const Result = ({ data, index, style }: Props): ReactElement => {
+export const Result = ({ data, index, style }: Props): ReactElement => {
   const {
     highlightedIndex,
     results = [],
@@ -118,5 +118,3 @@ const Result = ({ data, index, style }: Props): ReactElement => {
     </button>
   );
 };
-
-export default Result;

package/src/components/Results/Results.tsx

@@ -16,14 +16,14 @@ import {
   useTypedSelector,
 } from 'state';
 
-import EmptyState from '../EmptyState';
-import Loading from '../Loading';
-import ResultsInput from '../ResultsInput';
+import { EmptyState } from '../EmptyState';
+import { Loading } from '../Loading';
+import { ResultsInput } from '../ResultsInput';
 
-import Header from './Header';
-import Result from './Result';
+import { Header } from './Header';
+import { Result } from './Result';
 import styles from './Results.module.scss';
-import SolveButton from './SolveButton';
+import { SolveButton } from './SolveButton';
 import { ResultCallbacks, ResultData } from './types';
 
 interface Props {
@@ -34,7 +34,7 @@ interface Props {
 
 const IS_LOADING_DEBOUNCE = 100;
 
-const Results: FunctionComponent<Props> = ({ callbacks, className, highlightedIndex }) => {
+export const Results: FunctionComponent<Props> = ({ callbacks, className, highlightedIndex }) => {
   const translate = useTranslate();
   const { resultsHeight, resultsWidth } = useAppLayout();
   const locale = useTypedSelector(selectLocale);
@@ -130,5 +130,3 @@ const Results: FunctionComponent<Props> = ({ callbacks, className, highlightedIn
     </div>
   );
 };
-
-export default Results;

package/src/components/Results/SolveButton.tsx

@@ -11,13 +11,13 @@ import {
   useTypedSelector,
 } from 'state';
 
-import Button from '../Button';
+import { Button } from '../Button';
 
 interface Props {
   className?: string;
 }
 
-const SolveButton: FunctionComponent<Props> = ({ className }) => {
+export const SolveButton: FunctionComponent<Props> = ({ className }) => {
   const dispatch = useDispatch();
   const translate = useTranslate();
   const isLoading = useTypedSelector(selectIsLoading);
@@ -43,5 +43,3 @@ const SolveButton: FunctionComponent<Props> = ({ className }) => {
     </Button>
   );
 };
-
-export default SolveButton;

package/src/components/Results/index.ts

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

package/src/components/ResultsInput/ResultsInput.tsx

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

package/src/components/ResultsInput/index.ts

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

package/src/components/SeoMessage/SeoMessage.tsx

@@ -8,12 +8,10 @@ const INVISIBLE_STYLE: CSSProperties = {
   transform: 'translateY(-9999px)',
 };
 
-const SeoMessage: FunctionComponent = () => (
+export const SeoMessage: FunctionComponent = () => (
   <p style={INVISIBLE_STYLE}>
-    Scrabble Solver 2 is a free and open-source analysis tool for Scrabble, Super Scrabble &amp; Literaki. Quickly find
-    top scoring words using given letters and board state. Available in English, French, German, Polish & Spanish.
-    Source code is available on GitHub - contributions are welcome!
+    Scrabble Solver 2 is a free and open-source analysis tool for Scrabble, Scrabble Duel, Super Scrabble, Literaki, and
+    Kelimelik. Quickly find top scoring words using given letters and board state. Available in English, French, German,
+    Persian, Polish, Romanian, Spanish, and Turkish. Source code is available on GitHub - contributions are welcome!
   </p>
 );
-
-export default SeoMessage;

package/src/components/SeoMessage/index.ts

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

package/src/components/Solver/Solver.tsx

@@ -15,12 +15,12 @@ import {
   useTypedSelector,
 } from 'state';
 
-import Alert from '../Alert';
-import Board from '../Board';
-import Dictionary from '../Dictionary';
-import DictionaryInput from '../DictionaryInput';
-import Rack from '../Rack';
-import Results from '../Results';
+import { Alert } from '../Alert';
+import { Board } from '../Board';
+import { Dictionary } from '../Dictionary';
+import { DictionaryInput } from '../DictionaryInput';
+import { Rack } from '../Rack';
+import { Results } from '../Results';
 
 import { ResultCandidatePicker } from './components';
 import styles from './Solver.module.scss';
@@ -30,7 +30,7 @@ interface Props {
   onShowResults: () => void;
 }
 
-const Solver: FunctionComponent<Props> = ({ className, onShowResults }) => {
+const SolverBase: FunctionComponent<Props> = ({ className, onShowResults }) => {
   const dispatch = useDispatch();
   const translate = useTranslate();
   const isTouchDevice = useIsTouchDevice();
@@ -138,4 +138,4 @@ const Solver: FunctionComponent<Props> = ({ className, onShowResults }) => {
   );
 };
 
-export default memo(Solver);
+export const Solver = memo(SolverBase);

package/src/components/Solver/components/InsertButton/InsertButton.tsx

@@ -5,7 +5,7 @@ import { useDispatch } from 'react-redux';
 import { Check } from 'icons';
 import { resultsSlice, selectAreResultsOutdated, selectResultCandidate, useTranslate, useTypedSelector } from 'state';
 
-import Button from '../../../Button';
+import { Button } from '../../../Button';
 
 import styles from './InsertButton.module.scss';
 
@@ -13,7 +13,7 @@ interface Props {
   className?: string;
 }
 
-const InsertButton: FunctionComponent<Props> = ({ className }) => {
+export const InsertButton: FunctionComponent<Props> = ({ className }) => {
   const dispatch = useDispatch();
   const translate = useTranslate();
   const resultCandidate = useTypedSelector(selectResultCandidate);
@@ -38,5 +38,3 @@ const InsertButton: FunctionComponent<Props> = ({ className }) => {
     />
   );
 };
-
-export default InsertButton;

package/src/components/Solver/components/InsertButton/index.ts

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

package/src/components/Solver/components/ResultCandidatePicker/ResultCandidatePicker.tsx

@@ -14,9 +14,9 @@ import {
   useTypedSelector,
 } from 'state';
 
-import Button from '../../../Button';
-import Spinner from '../../../Spinner';
-import InsertButton from '../InsertButton';
+import { Button } from '../../../Button';
+import { Spinner } from '../../../Spinner';
+import { InsertButton } from '../InsertButton';
 
 import styles from './ResultCandidatePicker.module.scss';
 
@@ -24,7 +24,7 @@ interface Props extends HTMLProps<HTMLDivElement> {
   onResultClick: MouseEventHandler<HTMLButtonElement>;
 }
 
-const ResultCandidatePicker: FunctionComponent<Props> = ({ className, onResultClick, ...props }) => {
+export const ResultCandidatePicker: FunctionComponent<Props> = ({ className, onResultClick, ...props }) => {
   const dispatch = useDispatch();
   const translate = useTranslate();
   const locale = useTypedSelector(selectLocale);
@@ -98,5 +98,3 @@ const ResultCandidatePicker: FunctionComponent<Props> = ({ className, onResultCl
     </div>
   );
 };
-
-export default ResultCandidatePicker;

package/src/components/Solver/components/ResultCandidatePicker/index.ts

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

package/src/components/Solver/components/index.ts

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

package/src/components/Solver/index.ts

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

package/src/components/Spinner/Spinner.tsx

@@ -9,11 +9,9 @@ interface Props {
   className?: string;
 }
 
-const Spinner: FunctionComponent<Props> = ({ className }) => {
+export const Spinner: FunctionComponent<Props> = ({ className }) => {
   const translate = useTranslate();
   const translation = translate('common.loading');
 
   return <div aria-label={translation} className={classNames(styles.spinner, className)} role="status" />;
 };
-
-export default Spinner;

package/src/components/Spinner/index.ts

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

package/src/components/Tile/Tile.tsx

@@ -17,7 +17,7 @@ import { useAppLayout } from 'hooks';
 import { getTileSizes, noop } from 'lib';
 import { selectLocale, useTypedSelector } from 'state';
 
-import TilePure from './TilePure';
+import { TilePure } from './TilePure';
 
 interface Props {
   'aria-label': string;
@@ -41,7 +41,7 @@ interface Props {
   onTouchStart?: TouchEventHandler<HTMLInputElement>;
 }
 
-const Tile: FunctionComponent<Props> = ({
+export const Tile: FunctionComponent<Props> = ({
   'aria-label': ariaLabel,
   autoFocus,
   className,
@@ -108,5 +108,3 @@ const Tile: FunctionComponent<Props> = ({
     />
   );
 };
-
-export default Tile;

package/src/components/Tile/TilePure.tsx

@@ -40,7 +40,7 @@ interface Props {
   onTouchStart?: TouchEventHandler<HTMLInputElement>;
 }
 
-const TilePure: FunctionComponent<Props> = ({
+const TilePureBase: FunctionComponent<Props> = ({
   'aria-label': ariaLabel,
   autoFocus,
   canShowPoints,
@@ -111,4 +111,4 @@ const TilePure: FunctionComponent<Props> = ({
   </div>
 );
 
-export default memo(TilePure);
+export const TilePure = memo(TilePureBase);

package/src/components/Tile/index.ts

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

package/src/components/Tooltip/TooltipTrigger.tsx

@@ -1,6 +1,6 @@
 import { useMergeRefs } from '@floating-ui/react';
 import { isObject } from '@scrabble-solver/types';
-import { HTMLProps, cloneElement, forwardRef, isValidElement } from 'react';
+import { HTMLProps, ReactElement, RefObject, cloneElement, forwardRef, isValidElement } from 'react';
 
 import { useTooltipContext } from './context';
 
@@ -8,8 +8,10 @@ type Props = HTMLProps<HTMLElement>;
 
 export const TooltipTrigger = forwardRef<HTMLElement, Props>(({ children, ...props }, ref) => {
   const state = useTooltipContext();
-  const childrenElement = children as any; // eslint-disable-line @typescript-eslint/no-explicit-any
-  const finalRef = useMergeRefs([state.refs.setReference, ref, childrenElement.ref]);
+  const childrenElement = children as ReactElement<{
+    ref: RefObject<HTMLElement>;
+  }>;
+  const finalRef = useMergeRefs([state.refs.setReference, ref, childrenElement.props.ref]);
 
   if (!isValidElement(children)) {
     throw new Error("TooltipTrigger's children are not a valid element");

package/src/components/index.ts

@@ -1,27 +1,26 @@
-export { default as Alert } from './Alert';
-export { default as Badge } from './Badge';
-export { default as Board } from './Board';
-export { default as Button } from './Button';
-export { default as Dictionary } from './Dictionary';
-export { default as DictionaryInput } from './DictionaryInput';
-export { default as EmptyState } from './EmptyState';
-export { default as IconButton } from './IconButton';
-export { default as Key } from './Key';
-export { default as Loading } from './Loading';
-export { default as Logo } from './Logo';
-export { default as Modal } from './Modal';
-export { default as NavButtons } from './NavButtons';
-export { default as NotFound } from './NotFound';
-export { default as PlainTiles } from './PlainTiles';
-export { default as Progress } from './Progress';
-export { default as Rack } from './Rack';
-export { default as Radio } from './Radio';
-export { default as Results } from './Results';
-export { default as ResultsInput } from './ResultsInput';
-export { default as SeoMessage } from './SeoMessage';
-export { default as Solver } from './Solver';
-export { default as Spinner } from './Spinner';
-export { default as Tile } from './Tile';
-export * from './keys';
+export { Alert } from './Alert';
+export { Badge } from './Badge';
+export { Board } from './Board';
+export { Button } from './Button';
+export { Dictionary } from './Dictionary';
+export { DictionaryInput } from './DictionaryInput';
+export { EmptyState } from './EmptyState';
+export { IconButton } from './IconButton';
+export { Key } from './Key';
+export { Loading } from './Loading';
+export { Logo } from './Logo';
+export { Modal } from './Modal';
+export { NavButtons } from './NavButtons';
+export { NotFound } from './NotFound';
+export { PlainTiles } from './PlainTiles';
+export { Progress } from './Progress';
+export { Rack } from './Rack';
+export { Radio } from './Radio';
+export { Results } from './Results';
+export { ResultsInput } from './ResultsInput';
+export { SeoMessage } from './SeoMessage';
+export { Solver } from './Solver';
+export { Spinner } from './Spinner';
+export { Tile } from './Tile';
 export * from './Keys';
 export * from './Tooltip';

package/src/hooks/index.ts

@@ -1,13 +1,13 @@
-export { default as useAppLayout } from './useAppLayout';
-export { default as useColumns } from './useColumns';
-export { default as useDirection } from './useDirection';
-export { default as useEffectOnce } from './useEffectOnce';
-export { default as useIsTouchDevice } from './useIsTouchDevice';
-export { default as useLanguage } from './useLanguage';
-export { default as useLatest } from './useLatest';
-export { default as useLocalStorage } from './useLocalStorage';
-export { default as useMedia } from './useMedia';
-export { default as useMediaQueries } from './useMediaQueries';
-export { default as useMediaQuery } from './useMediaQuery';
-export { default as useOnWindowResize } from './useOnWindowResize';
-export { default as useViewportSize } from './useViewportSize';
+export { useAppLayout } from './useAppLayout';
+export { useColumns } from './useColumns';
+export { useDirection } from './useDirection';
+export { useEffectOnce } from './useEffectOnce';
+export { useIsTouchDevice } from './useIsTouchDevice';
+export { useLanguage } from './useLanguage';
+export { useLatest } from './useLatest';
+export { useLocalStorage } from './useLocalStorage';
+export { useMedia } from './useMedia';
+export { useMediaQueries } from './useMediaQueries';
+export { useMediaQuery } from './useMediaQuery';
+export { useOnWindowResize } from './useOnWindowResize';
+export { useViewportSize } from './useViewportSize';