react-chessboard-ui 1.7.0 → 1.7.2

package/dist/ChessBoard/ChessBoard.d.ts

@@ -5,7 +5,6 @@ declare type ChessBoardProps = {
     FEN: string;
     onChange: (moveData: MoveData) => void;
     onEndGame: (result: GameResult) => void;
-    showMovesTrail?: boolean;
     change?: ChangeMove;
     reversed?: boolean;
     config?: Partial<ChessBoardConfig>;

package/dist/ChessBoard/constants.d.ts

@@ -13,5 +13,6 @@ export declare const DEFAULT_MARKED_CELL_COLOR = "#3697ce";
 export declare const DEFAULT_CHECKED_CELL_COLOR = "#e95b5c";
 export declare const DEFAULT_PIECES_MAP: import("./models").ChessPiecesMap;
 export declare const DEFAULT_CSS_HIDE_PIECES_EFFECT: string;
+export declare const DEFAULT_SHOW_MOVES_TRAIL = true;
 export declare const DEFAULT_HIDE_PIECES_HANDLER: (figure: Figure) => void;
 export declare const DEFAULT_CHESSBORD_CONFIG: ChessBoardConfig;

package/dist/index.js

@@ -1890,6 +1890,7 @@ var DEFAULT_MARKED_CELL_COLOR = '#3697ce';
 var DEFAULT_CHECKED_CELL_COLOR = '#e95b5c';
 var DEFAULT_PIECES_MAP = CHESS_PIECES_MAP;
 var DEFAULT_CSS_HIDE_PIECES_EFFECT = styles.hiddenFigureEffect;
+var DEFAULT_SHOW_MOVES_TRAIL = true;
 var DEFAULT_HIDE_PIECES_HANDLER = function DEFAULT_HIDE_PIECES_HANDLER(figure) {
   figure.color === 'white' ? figure.position = [8, figure.position[1]] : figure.position = [-1, figure.position[1]];
 };
@@ -1906,6 +1907,7 @@ var DEFAULT_CHESSBORD_CONFIG = {
   checkedCellColor: DEFAULT_CHECKED_CELL_COLOR,
   piecesMap: DEFAULT_PIECES_MAP,
   cssHidePieceEffect: DEFAULT_CSS_HIDE_PIECES_EFFECT,
+  showMovesTrail: DEFAULT_SHOW_MOVES_TRAIL,
   onHidePieces: DEFAULT_HIDE_PIECES_HANDLER
 };
 
@@ -2042,7 +2044,8 @@ var BASE_BOARD_SIZE = 8;
 var ChessBoardCellsLayout = function ChessBoardCellsLayout(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? BASE_BOARD_SIZE : _ref$size,
-    boardConfig = _ref.boardConfig;
+    boardConfig = _ref.boardConfig,
+    movesTrail = _ref.movesTrail;
   return React__default.createElement("div", null, getFilledArrayBySize(size).map(function (_, j) {
     return React__default.createElement("div", {
       className: styles.row,
@@ -2055,7 +2058,9 @@ var ChessBoardCellsLayout = function ChessBoardCellsLayout(_ref) {
           backgroundColor: getIsLightCell(j, i) ? boardConfig.whiteCellColor : boardConfig.blackCellColor
         },
         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
+      }));
     }));
   }));
 };
@@ -2988,6 +2993,7 @@ var ChessBoard = function ChessBoard(props) {
     fromPos = _useChessBoardInterac.fromPos,
     newMove = _useChessBoardInterac.newMove,
     animated = _useChessBoardInterac.animated,
+    movesTrail = _useChessBoardInterac.movesTrail,
     boardConfig = _useChessBoardInterac.boardConfig,
     markedCells = _useChessBoardInterac.markedCells,
     grabbingPos = _useChessBoardInterac.grabbingPos,
@@ -3044,7 +3050,8 @@ var ChessBoard = function ChessBoard(props) {
   return React__default.createElement("div", {
     className: styles.chessBoard
   }, React__default.createElement(ChessBoardCellsLayout, {
-    boardConfig: boardConfig
+    boardConfig: boardConfig,
+    movesTrail: boardConfig.showMovesTrail && movesTrail
   }), React__default.createElement(ChessBoardFiguresLayout, {
     initialState: initialState,
     change: newMove,