react-chessboard-ui 1.7.3 → 1.7.4

package/dist/ChessBoard/ChessBoard.d.ts

@@ -1,4 +1,4 @@
-import { FigureColor, GameResult, MoveData } from "../JSChessEngine";
+import { FigureColor, GameResult, MoveData, CellPos } from "../JSChessEngine";
 import { FC } from "react";
 import { ChangeMove, ChessBoardConfig } from "./models";
 declare type ChessBoardProps = {
@@ -10,6 +10,7 @@ declare type ChessBoardProps = {
     config?: Partial<ChessBoardConfig>;
     playerColor?: FigureColor;
     viewOnly?: boolean;
+    moveHighlight?: [CellPos, CellPos];
 };
 export declare const ChessBoard: FC<ChessBoardProps>;
 export {};

package/dist/ChessBoard/ChessBoardCellsLayout.d.ts

@@ -5,6 +5,7 @@ declare type ChessBoardCellsLayoutProps = {
     boardConfig: ChessBoardConfig;
     size?: number;
     movesTrail?: [CellPos, CellPos];
+    moveHighlight?: [CellPos, CellPos];
 };
 export declare const ChessBoardCellsLayout: FC<ChessBoardCellsLayoutProps>;
 export {};

package/dist/index.js

@@ -2045,7 +2045,8 @@ var ChessBoardCellsLayout = function ChessBoardCellsLayout(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? BASE_BOARD_SIZE : _ref$size,
     boardConfig = _ref.boardConfig,
-    movesTrail = _ref.movesTrail;
+    movesTrail = _ref.movesTrail,
+    moveHighlight = _ref.moveHighlight;
   return React__default.createElement("div", null, getFilledArrayBySize(size).map(function (_, j) {
     return React__default.createElement("div", {
       className: styles.row,
@@ -2060,6 +2061,8 @@ var ChessBoardCellsLayout = function ChessBoardCellsLayout(_ref) {
         key: "cells-layout-" + i
       }, movesTrail && (movesTrail[0][0] === i && movesTrail[0][1] === j || movesTrail[1][0] === i && movesTrail[1][1] === j) && React__default.createElement("div", {
         className: styles.movesTrail
+      }), moveHighlight && (moveHighlight[0][0] === i && moveHighlight[0][1] === j || moveHighlight[1][0] === i && moveHighlight[1][1] === j) && React__default.createElement("div", {
+        className: styles.movesTrail
       }));
     }));
   }));
@@ -2987,7 +2990,8 @@ var ChessBoard = function ChessBoard(props) {
     reversed = props.reversed,
     config = props.config,
     playerColor = props.playerColor,
-    viewOnly = props.viewOnly;
+    viewOnly = props.viewOnly,
+    moveHighlight = props.moveHighlight;
   var _useChessBoardInterac = useChessBoardInteractive({
       onChange: onChange,
       onEndGame: onEndGame,
@@ -3056,7 +3060,8 @@ var ChessBoard = function ChessBoard(props) {
     className: styles.chessBoard
   }, React__default.createElement(ChessBoardCellsLayout, {
     boardConfig: boardConfig,
-    movesTrail: boardConfig.showMovesTrail && movesTrail
+    movesTrail: boardConfig.showMovesTrail && movesTrail,
+    moveHighlight: moveHighlight
   }), React__default.createElement(ChessBoardFiguresLayout, {
     initialState: initialState,
     change: newMove,