react-chessboard-ui 2.1.0 → 2.2.0

package/dist/ChessBoard/ArrowLayout.d.ts

@@ -4,6 +4,7 @@ import { ArrowCoords, ChessBoardConfig } from "./models";
 declare type ArrowLayoutType = {
     startArrowCoord: CellPos;
     arrowsCoords: ArrowCoords[];
+    externalArrowsCoords?: ArrowCoords[];
     grabbingPos: CellPos;
     boardConfig: ChessBoardConfig;
 };

package/dist/ChessBoard/ChessBoard.d.ts

@@ -1,6 +1,6 @@
 import { PieceColor, GameResult, MoveData, SquarePos } from "../JSChessEngine";
 import { FC } from "react";
-import { ChangeMove, ChessBoardConfig } from "./models";
+import { ArrowCoords, ChangeMove, ChessBoardConfig } from "./models";
 declare type ChessBoardProps = {
     FEN: string;
     onChange: (moveData: MoveData) => void;
@@ -11,6 +11,7 @@ declare type ChessBoardProps = {
     playerColor?: PieceColor;
     viewOnly?: boolean;
     moveHighlight?: [SquarePos, SquarePos];
+    moveArrows?: ArrowCoords[];
 };
 export declare const ChessBoard: FC<ChessBoardProps>;
 export {};

package/dist/index.js

@@ -2938,7 +2938,9 @@ var ArrowLayout = function ArrowLayout(props) {
   var startArrowCoord = props.startArrowCoord,
     arrowsCoords = props.arrowsCoords,
     grabbingPos = props.grabbingPos,
-    boardConfig = props.boardConfig;
+    boardConfig = props.boardConfig,
+    _props$externalArrows = props.externalArrowsCoords,
+    externalArrowsCoords = _props$externalArrows === void 0 ? [] : _props$externalArrows;
   return React__default.createElement("div", {
     className: styles.arrowsLayer
   }, startArrowCoord[0] > -1 && grabbingPos[0] > -1 && React__default.createElement(Arrow, {
@@ -2951,6 +2953,12 @@ var ArrowLayout = function ArrowLayout(props) {
     }, coords, {
       color: boardConfig.arrowColor
     }));
+  }), externalArrowsCoords.map(function (coords, i) {
+    return React__default.createElement(Arrow, Object.assign({
+      key: "extArrow_" + i
+    }, coords, {
+      color: boardConfig.arrowColor
+    }));
   }));
 };
 
@@ -2989,7 +2997,9 @@ var ChessBoard = function ChessBoard(props) {
     config = props.config,
     playerColor = props.playerColor,
     viewOnly = props.viewOnly,
-    moveHighlight = props.moveHighlight;
+    moveHighlight = props.moveHighlight,
+    _props$moveArrows = props.moveArrows,
+    moveArrows = _props$moveArrows === void 0 ? [] : _props$moveArrows;
   var _useChessBoardInterac = useChessBoardInteractive({
       onChange: onChange,
       onEndGame: onEndGame,
@@ -3054,6 +3064,12 @@ var ChessBoard = function ChessBoard(props) {
     var reversedChange = reversed ? JSChessEngine.reverseMove(change.move) : change.move;
     handleChangeFromExternal(reversedChange, change.withTransition);
   }, [change]);
+  var externalArrows = moveArrows.map(function (arrow) {
+    return {
+      start: correctGrabbingPosForArrow(arrow.start, boardConfig),
+      end: correctGrabbingPosForArrow(arrow.end, boardConfig)
+    };
+  });
   return React__default.createElement("div", {
     className: styles.chessBoard
   }, React__default.createElement(ChessBoardCellsLayout, {
@@ -3075,6 +3091,7 @@ var ChessBoard = function ChessBoard(props) {
     onHasCheck: getHasCheckByCellPos
   }), React__default.createElement(ArrowLayout, {
     arrowsCoords: arrowsCoords,
+    externalArrowsCoords: externalArrows,
     startArrowCoord: startArrowCoord,
     grabbingPos: correctGrabbingPosForArrow(grabbingCell, boardConfig),
     boardConfig: boardConfig