react-chessboard-ui 1.2.0 → 1.2.1

package/dist/ChessBoard/useChessBoardInteractive.d.ts

@@ -9,6 +9,7 @@ declare type UseChessBoardInteractiveProps = {
 export declare const useChessBoardInteractive: (props: UseChessBoardInteractiveProps) => {
     fromPos: CellPos;
     newMove: ChangeMove;
+    animated: boolean;
     boardConfig: ChessBoardConfig;
     markedCells: CellPos[];
     grabbingPos: CellPos;
@@ -24,6 +25,7 @@ export declare const useChessBoardInteractive: (props: UseChessBoardInteractiveP
     showFigurePicker: boolean;
     markCell: (cellPos: CellPos) => void;
     setNewMove: import("react").Dispatch<import("react").SetStateAction<ChangeMove>>;
+    setAnimated: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     handleClick: (cellPos: CellPos) => void;
     clearFromPos: () => void;
     handleGrabEnd: (cellPos: CellPos, withTransition?: boolean) => void;

package/dist/index.js

@@ -2139,7 +2139,7 @@ var ChessBoardFiguresLayout = function ChessBoardFiguresLayout(props) {
         width: boardConfig.cellSize,
         height: boardConfig.cellSize
       }
-    }, boardConfig.piecesMap[getFigureCSS(figure)]('80%'));
+    }, boardConfig.piecesMap[getFigureCSS(figure)] && boardConfig.piecesMap[getFigureCSS(figure)]('80%'));
   }));
 };
 
@@ -2297,6 +2297,9 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
   var _useState21 = React.useState([-1, -1]),
     targetPos = _useState21[0],
     setTargetPos = _useState21[1];
+  var _useState22 = React.useState(false),
+    animated = _useState22[0],
+    setAnimated = _useState22[1];
   var clearFromPos = function clearFromPos() {
     return setFromPos([-1, -1]);
   };
@@ -2513,6 +2516,7 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
       return;
     }
     onChange(moveData);
+    setAnimated(withTransition);
     setNewMove({
       move: moveData,
       withTransition: withTransition,
@@ -2536,6 +2540,7 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
       attackedPos = _moveFigureByClick.attackedPos;
     if (!moveData) return;
     onChange(moveData);
+    setAnimated(withTransition);
     setNewMove({
       move: moveData,
       withTransition: withTransition,
@@ -2633,6 +2638,7 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
   return {
     fromPos: fromPos,
     newMove: newMove,
+    animated: animated,
     boardConfig: boardConfig,
     markedCells: markedCells,
     grabbingPos: grabbingPos,
@@ -2648,6 +2654,7 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
     showFigurePicker: showFigurePicker,
     markCell: markCell,
     setNewMove: setNewMove,
+    setAnimated: setAnimated,
     handleClick: handleClick,
     clearFromPos: clearFromPos,
     handleGrabEnd: handleGrabEnd,
@@ -2819,9 +2826,6 @@ var ChessBoard = function ChessBoard(props) {
     reversed = props.reversed,
     config = props.config,
     playerColor = props.playerColor;
-  var _useState = React.useState(false),
-    animated = _useState[0],
-    setAnimated = _useState[1];
   var _useChessBoardInterac = useChessBoardInteractive({
       onChange: onChange,
       onEndGame: onEndGame,
@@ -2829,6 +2833,7 @@ var ChessBoard = function ChessBoard(props) {
     }),
     fromPos = _useChessBoardInterac.fromPos,
     newMove = _useChessBoardInterac.newMove,
+    animated = _useChessBoardInterac.animated,
     boardConfig = _useChessBoardInterac.boardConfig,
     markedCells = _useChessBoardInterac.markedCells,
     grabbingPos = _useChessBoardInterac.grabbingPos,
@@ -2842,6 +2847,7 @@ var ChessBoard = function ChessBoard(props) {
     showFigurePicker = _useChessBoardInterac.showFigurePicker,
     markCell = _useChessBoardInterac.markCell,
     setNewMove = _useChessBoardInterac.setNewMove,
+    setAnimated = _useChessBoardInterac.setAnimated,
     handleClick = _useChessBoardInterac.handleClick,
     handleGrabEnd = _useChessBoardInterac.handleGrabEnd,
     handleGrabbing = _useChessBoardInterac.handleGrabbing,