react-chessboard-ui 1.3.0 → 1.4.1

package/dist/index.modern.js

@@ -2607,9 +2607,13 @@ var useChessBoardInteractive = function useChessBoardInteractive(props) {
     clearClickedPos();
     clearClickPossibleMoves();
   };
-  var handleClick = function handleClick(cellPos) {
+  var handleClick = function handleClick(cellPos, viewOnly) {
+    if (viewOnly === void 0) {
+      viewOnly = false;
+    }
     clearMarkedCells();
     clearArrows();
+    if (viewOnly) return;
     if (clickedPos[0] === -1) {
       selectClickFrom(cellPos);
       return;
@@ -2886,7 +2890,8 @@ var ChessBoard = function ChessBoard(props) {
     change = props.change,
     reversed = props.reversed,
     config = props.config,
-    playerColor = props.playerColor;
+    playerColor = props.playerColor,
+    viewOnly = props.viewOnly;
   var _useChessBoardInterac = useChessBoardInteractive({
       onChange: onChange,
       onEndGame: onEndGame,
@@ -2969,12 +2974,14 @@ var ChessBoard = function ChessBoard(props) {
     boardConfig: boardConfig
   }), React.createElement(ChessBoardControlLayout, {
     boardConfig: boardConfig,
-    onClick: handleClick,
-    onGrabStart: selectHoverFrom,
+    onClick: function onClick(pos) {
+      return handleClick(pos, viewOnly);
+    },
+    onGrabStart: viewOnly ? function () {} : selectHoverFrom,
     onGrabStartRight: startRenderArrow,
-    onGrabEnd: handleGrabEnd,
+    onGrabEnd: viewOnly ? function () {} : handleGrabEnd,
     onGrabEndRight: endRenderArrow,
-    onGrabbing: handleGrabbing,
+    onGrabbing: viewOnly ? function () {} : handleGrabbing,
     onRightClick: markCell,
     onGrabbingCell: handleGrabbingCell
   }), showFigurePicker && React.createElement("div", {