react-chessboard-ui 1.7.2 → 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/ChessBoard/useChessBoardInteractive.d.ts

@@ -46,7 +46,7 @@ export declare const useChessBoardInteractive: (props: UseChessBoardInteractiveP
     moveFigureByChange: (change: ChangeMove) => void;
     getHasCheckByCellPos: ([x, y]: CellPos) => boolean;
     handleSelectFigurePicker: (figure: Figure) => void;
-    handleChangeFromExternal: (moveData: MoveData) => void;
+    handleChangeFromExternal: (moveData: MoveData, withTransition?: boolean) => void;
     moveFigureByExternalChange: (from: CellPos, to: CellPos, figure: Figure) => {
         moveData?: undefined;
         attackedPos?: undefined;

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
       }));
     }));
   }));
@@ -2650,10 +2653,13 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
     clearGrabbingPos();
     clearPossibleMoves();
   };
-  var handleChangeFromExternal = function handleChangeFromExternal(moveData) {
+  var handleChangeFromExternal = function handleChangeFromExternal(moveData, withTransition) {
+    if (withTransition === void 0) {
+      withTransition = true;
+    }
     var _moveFigureByExternal = moveFigureByExternalChange(moveData.from, moveData.to, moveData.figure),
       attackedPos = _moveFigureByExternal.attackedPos;
-    setAnimated(true);
+    setAnimated(withTransition);
     var change = {
       move: moveData,
       withTransition: true,
@@ -2984,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,
@@ -3007,6 +3014,7 @@ var ChessBoard = function ChessBoard(props) {
     showFigurePicker = _useChessBoardInterac.showFigurePicker,
     markCell = _useChessBoardInterac.markCell,
     handleClick = _useChessBoardInterac.handleClick,
+    setAnimated = _useChessBoardInterac.setAnimated,
     handleGrabEnd = _useChessBoardInterac.handleGrabEnd,
     handleGrabbing = _useChessBoardInterac.handleGrabbing,
     endRenderArrow = _useChessBoardInterac.endRenderArrow,
@@ -3027,6 +3035,7 @@ var ChessBoard = function ChessBoard(props) {
       boardState = _FENtoGameState.boardState,
       currentColor = _FENtoGameState.currentColor;
     cleanAllForFigure();
+    setAnimated(false);
     setInitialState(boardState);
     setActualState(boardState);
     setCurrentColor(currentColor);
@@ -3045,13 +3054,14 @@ var ChessBoard = function ChessBoard(props) {
   React.useEffect(function () {
     if (!change) return;
     var reversedChange = reversed ? JSChessEngine.reverseMove(change.move) : change.move;
-    handleChangeFromExternal(reversedChange);
+    handleChangeFromExternal(reversedChange, change.withTransition);
   }, [change]);
   return React__default.createElement("div", {
     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,