react-chessboard-ui 1.7.3 → 1.7.4

package/dist/index.modern.js

@@ -2042,7 +2042,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.createElement("div", null, getFilledArrayBySize(size).map(function (_, j) {
     return React.createElement("div", {
       className: styles.row,
@@ -2057,6 +2058,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.createElement("div", {
         className: styles.movesTrail
+      }), moveHighlight && (moveHighlight[0][0] === i && moveHighlight[0][1] === j || moveHighlight[1][0] === i && moveHighlight[1][1] === j) && React.createElement("div", {
+        className: styles.movesTrail
       }));
     }));
   }));
@@ -2984,7 +2987,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,
@@ -3053,7 +3057,8 @@ var ChessBoard = function ChessBoard(props) {
     className: styles.chessBoard
   }, React.createElement(ChessBoardCellsLayout, {
     boardConfig: boardConfig,
-    movesTrail: boardConfig.showMovesTrail && movesTrail
+    movesTrail: boardConfig.showMovesTrail && movesTrail,
+    moveHighlight: moveHighlight
   }), React.createElement(ChessBoardFiguresLayout, {
     initialState: initialState,
     change: newMove,