react-chessboard-ui 1.4.7 → 1.4.9

package/dist/index.modern.js

@@ -1874,6 +1874,7 @@ var CHESS_PIECES_MAP = {
 };
 
 var DEFAULT_CELL_SIZE = 92;
+var DEFAULT_FIGURE_SIZE_PERCENT = 80;
 var FACTOR_FOR_SIZE_CIRCLE_MARK = 4.6;
 var DEFAULT_CIRCLE_MARK_COLOR = '#3697ce';
 var DEFAULT_WHITE_CELL_COLOR = '#fafafc';
@@ -1886,6 +1887,7 @@ var DEFAULT_CHECKED_CELL_COLOR = '#e95b5c';
 var DEFAULT_PIECES_MAP = CHESS_PIECES_MAP;
 var DEFAULT_CHESSBORD_CONFIG = {
   cellSize: DEFAULT_CELL_SIZE,
+  figureSizePercent: DEFAULT_FIGURE_SIZE_PERCENT,
   circleMarkColor: DEFAULT_CIRCLE_MARK_COLOR,
   whiteCellColor: DEFAULT_WHITE_CELL_COLOR,
   blackCellColor: DEFAULT_BLACK_CELL_COLOR,
@@ -2191,7 +2193,7 @@ var ChessBoardFiguresLayout = function ChessBoardFiguresLayout(props) {
         width: boardConfig.cellSize,
         height: boardConfig.cellSize
       }
-    }, boardConfig.piecesMap[getFigureCSS(figure)] && boardConfig.piecesMap[getFigureCSS(figure)]('80%'));
+    }, boardConfig.piecesMap[getFigureCSS(figure)] && boardConfig.piecesMap[getFigureCSS(figure)](boardConfig.figureSizePercent + "%"));
   }));
 };
 
@@ -2723,11 +2725,14 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
   var handleSelectFigurePicker = function handleSelectFigurePicker(figure) {
     var startPos = fromPos[0] > -1 ? fromPos : clickedPos;
     var updatedCells = JSChessEngine.transformPawnToFigure(actualState, startPos, targetPos, figure);
+    var colorFEN = currentColor === 'white' ? 'black' : 'white';
+    var FEN = stateToFEN(updatedCells, colorFEN);
     var moveData = {
       figure: figure,
       from: startPos,
       to: targetPos,
-      type: 'transform'
+      type: 'transform',
+      FEN: FEN
     };
     onChange(moveData);
     setActualState(updatedCells);
@@ -2811,7 +2816,7 @@ var HoldedFigure = function HoldedFigure(props) {
       width: boardConfig.cellSize,
       height: boardConfig.cellSize
     }
-  }, " ", boardConfig.piecesMap[getFigureCSS(holdedFigure)]('80%'));
+  }, " ", boardConfig.piecesMap[getFigureCSS(holdedFigure)](boardConfig.figureSizePercent + "%"));
 };
 
 var BASE_BOARD_SIZE$2 = 8;
@@ -2853,7 +2858,7 @@ var ChessBoardInteractiveLayout = function ChessBoardInteractiveLayout(props) {
           width: boardConfig.cellSize,
           height: boardConfig.cellSize
         }
-      }, boardConfig.piecesMap[getFigureCSS(holdedFigure)]('80%')), checkIsPossibleMove(possibleMoves, [i, j]) && React.createElement("div", {
+      }, boardConfig.piecesMap[getFigureCSS(holdedFigure)](boardConfig.figureSizePercent + "%")), checkIsPossibleMove(possibleMoves, [i, j]) && React.createElement("div", {
         className: styles.possibleMoveMark,
         style: {
           width: boardConfig.cellSize / FACTOR_FOR_SIZE_CIRCLE_MARK,
@@ -2936,7 +2941,7 @@ var FigurePicker = function FigurePicker(props) {
       onClick: function onClick() {
         return handleChange(figure);
       }
-    }, boardConfig.piecesMap[getFigureCSS(figure)]('80%'));
+    }, boardConfig.piecesMap[getFigureCSS(figure)](boardConfig.figureSizePercent + "%"));
   }));
 };