react-chessboard-ui 1.5.1 → 1.6.0

package/dist/ChessBoard/constants.d.ts

@@ -1,3 +1,4 @@
+import { Figure } from "../JSChessEngine";
 import { ChessBoardConfig } from "./models";
 export declare const DEFAULT_CELL_SIZE = 92;
 export declare const DEFAULT_FIGURE_SIZE_PERCENT = 80;
@@ -11,4 +12,6 @@ export declare const DEFAULT_ARROW_COLOR = "#6ac2fd";
 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_HIDE_PIECES_HANDLER: (figure: Figure) => void;
 export declare const DEFAULT_CHESSBORD_CONFIG: ChessBoardConfig;

package/dist/index.css

@@ -92,7 +92,7 @@
     opacity: .4;
 }
 
-._1cIvE {
+._2YKzU {
     opacity: 0;
     transform: rotate(-90deg);
 }

package/dist/index.js

@@ -1675,7 +1675,7 @@ var stateToFEN = function stateToFEN(state, currentColor, countMoves) {
   return positionsFEN + " " + colorFEN + " " + casttlingFEN + " " + beatedFieldFEN + " " + blackMoves + " " + countMoves;
 };
 
-var styles = {"chessBoard":"_3XI6H","figuresLayout":"_2SyRK","controlLayout":"_3OVc8","controlLayoutGrabbing":"_G0IIl","interactiveLayout":"_3THn5","selectedCell":"_3vcXe","controlCell":"_2yJs1","interactiveCell":"_27yHq","possibleMoveMark":"_UYGA_","row":"_2XKSc","cell":"_ssFQn","cellLight":"_1407I","figure":"_19mE-","holdedFigure":"_3u_-s","bluredFigure":"_3SfMJ","hiddenFigure":"_1cIvE","markedCell":"_Zly-L","checkedCell":"_31pmr","arrow":"_12Bbd","arrowEnd":"_1BC3I","figurePicker":"_13OXq","figurePickerItem":"_16zCe","chessBoardFigurePicker":"_1ZGj2"};
+var styles = {"chessBoard":"_3XI6H","figuresLayout":"_2SyRK","controlLayout":"_3OVc8","controlLayoutGrabbing":"_G0IIl","interactiveLayout":"_3THn5","selectedCell":"_3vcXe","controlCell":"_2yJs1","interactiveCell":"_27yHq","possibleMoveMark":"_UYGA_","row":"_2XKSc","cell":"_ssFQn","cellLight":"_1407I","figure":"_19mE-","holdedFigure":"_3u_-s","bluredFigure":"_3SfMJ","hiddenFigureEffect":"_2YKzU","markedCell":"_Zly-L","checkedCell":"_31pmr","arrow":"_12Bbd","arrowEnd":"_1BC3I","figurePicker":"_13OXq","figurePickerItem":"_16zCe","chessBoardFigurePicker":"_1ZGj2"};
 
 var CHESS_PIECES_MAP = {
   'pawn-white': function pawnWhite(size) {
@@ -1889,6 +1889,10 @@ var DEFAULT_ARROW_COLOR = '#6ac2fd';
 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_HIDE_PIECES_HANDLER = function DEFAULT_HIDE_PIECES_HANDLER(figure) {
+  figure.color === 'white' ? figure.position = [8, figure.position[1]] : figure.position = [-1, figure.position[1]];
+};
 var DEFAULT_CHESSBORD_CONFIG = {
   cellSize: DEFAULT_CELL_SIZE,
   figureSizePercent: DEFAULT_FIGURE_SIZE_PERCENT,
@@ -1900,7 +1904,9 @@ var DEFAULT_CHESSBORD_CONFIG = {
   arrowColor: DEFAULT_ARROW_COLOR,
   markedCellColor: DEFAULT_MARKED_CELL_COLOR,
   checkedCellColor: DEFAULT_CHECKED_CELL_COLOR,
-  piecesMap: DEFAULT_PIECES_MAP
+  piecesMap: DEFAULT_PIECES_MAP,
+  cssHidePieceEffect: DEFAULT_CSS_HIDE_PIECES_EFFECT,
+  onHidePieces: DEFAULT_HIDE_PIECES_HANDLER
 };
 
 var getFigureCSS = function getFigureCSS(figure) {
@@ -2157,7 +2163,8 @@ var ChessBoardFiguresLayout = function ChessBoardFiguresLayout(props) {
           return figure.position[0] === to[0] && figure.position[1] === to[1];
         });
         if (foundAttactedFigure && foundAttactedFigure.color !== move.figure.color) {
-          foundAttactedFigure.color === 'white' ? foundAttactedFigure.position = [8, foundAttactedFigure.position[1]] : foundAttactedFigure.position = [-1, foundAttactedFigure.position[1]];
+          foundAttactedFigure.beated = true;
+          boardConfig.onHidePieces(foundAttactedFigure);
         }
         var foundFigureByPositionFrom = updatedState.find(function (figure) {
           return figure.position[0] === from[0] && figure.position[1] === from[1];
@@ -2189,7 +2196,7 @@ var ChessBoardFiguresLayout = function ChessBoardFiguresLayout(props) {
     var _cn;
     return React__default.createElement("div", {
       key: i,
-      className: cn([styles.figure], (_cn = {}, _cn[styles.hiddenFigure] = figure.position[0] === -1 || figure.position[0] === 8, _cn)),
+      className: cn([styles.figure], (_cn = {}, _cn[boardConfig.cssHidePieceEffect] = figure.beated, _cn)),
       style: {
         top: boardConfig.cellSize * figure.position[1] + "px",
         left: boardConfig.cellSize * figure.position[0] + "px",