react-chessboard-ui 1.4.3 → 1.4.5

package/dist/index.modern.js

@@ -1546,7 +1546,7 @@ var partFENtoState = function partFENtoState(notation) {
     return row.length > 0;
   });
 };
-var FENtoGameState = function FENtoGameState(FEN) {
+var FENtoGameState = function FENtoGameState(FEN, reversed) {
   var gameState = {
     boardState: [],
     currentColor: 'white'
@@ -1575,6 +1575,10 @@ var FENtoGameState = function FENtoGameState(FEN) {
       beated: true
     });
   }
+  if (reversed) return {
+    boardState: JSChessEngine.reverseChessBoard(gameState.boardState),
+    currentColor: gameState.currentColor
+  };
   return gameState;
 };
 var getBeatedCellFENfromState = function getBeatedCellFENfromState(state) {
@@ -2424,7 +2428,8 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
       return {};
     }
     var colorFEN = currentColor === 'white' ? 'black' : 'white';
-    var FEN = stateToFEN(updatedCells, colorFEN);
+    var reversedUpdatedCells = boardReversed ? JSChessEngine.reverseChessBoard(updatedCells) : updatedCells;
+    var FEN = stateToFEN(reversedUpdatedCells, colorFEN);
     var moveData = {
       figure: figure,
       from: from,
@@ -2479,7 +2484,8 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
       return {};
     }
     var colorFEN = currentColor === 'white' ? 'black' : 'white';
-    var FEN = stateToFEN(updatedCells, colorFEN);
+    var reversedUpdatedCells = boardReversed ? JSChessEngine.reverseChessBoard(updatedCells) : updatedCells;
+    var FEN = stateToFEN(reversedUpdatedCells, colorFEN);
     var moveData = {
       figure: figure,
       from: from,
@@ -2727,7 +2733,9 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
     selectClickFrom: selectClickFrom,
     selectHoverFrom: selectHoverFrom,
     setInitialState: setInitialState,
+    setBoardReversed: setBoardReversed,
     startRenderArrow: startRenderArrow,
+    cleanAllForFigure: cleanAllForFigure,
     reverseChessBoard: reverseChessBoard,
     handleGrabbingCell: handleGrabbingCell,
     moveFigureByChange: moveFigureByChange,
@@ -2920,30 +2928,29 @@ var ChessBoard = function ChessBoard(props) {
     setCurrentColor = _useChessBoardInterac.setCurrentColor,
     selectHoverFrom = _useChessBoardInterac.selectHoverFrom,
     setInitialState = _useChessBoardInterac.setInitialState,
+    setBoardReversed = _useChessBoardInterac.setBoardReversed,
     startRenderArrow = _useChessBoardInterac.startRenderArrow,
-    reverseChessBoard = _useChessBoardInterac.reverseChessBoard,
+    cleanAllForFigure = _useChessBoardInterac.cleanAllForFigure,
     handleGrabbingCell = _useChessBoardInterac.handleGrabbingCell,
     getHasCheckByCellPos = _useChessBoardInterac.getHasCheckByCellPos,
     handleSelectFigurePicker = _useChessBoardInterac.handleSelectFigurePicker,
     handleChangeFromExternal = _useChessBoardInterac.handleChangeFromExternal;
-  var handleUpdateFEN = function handleUpdateFEN(FEN) {
-    var _FENtoGameState = FENtoGameState(FEN),
+  var handleUpdateFEN = function handleUpdateFEN(FEN, reversed) {
+    var _FENtoGameState = FENtoGameState(FEN, reversed),
       boardState = _FENtoGameState.boardState,
       currentColor = _FENtoGameState.currentColor;
+    cleanAllForFigure();
     setInitialState(boardState);
     setActualState(boardState);
     setCurrentColor(currentColor);
+    setBoardReversed(reversed);
   };
   useEffect(function () {
     setPlayerColor(playerColor);
   }, [playerColor]);
   useEffect(function () {
-    handleUpdateFEN(FEN);
-    if (reversed) reverseChessBoard();
+    handleUpdateFEN(FEN, reversed);
   }, [FEN, reversed]);
-  useEffect(function () {
-    if (reversed) reverseChessBoard();
-  }, [reversed]);
   useEffect(function () {
     if (!change) return;
     var reversedChange = reversed ? JSChessEngine.reverseMove(change.move) : change.move;
@@ -2956,7 +2963,6 @@ var ChessBoard = function ChessBoard(props) {
   }), React.createElement(ChessBoardFiguresLayout, {
     initialState: initialState,
     change: newMove,
-    reversed: reversed,
     boardConfig: boardConfig,
     animated: animated
   }), React.createElement(ChessBoardInteractiveLayout, {