react-chessboard-ui 1.3.0 → 1.4.1

package/dist/ChessBoard/ChessBoard.d.ts

@@ -9,6 +9,7 @@ declare type ChessBoardProps = {
     reversed?: boolean;
     config?: Partial<ChessBoardConfig>;
     playerColor?: FigureColor;
+    viewOnly?: boolean;
 };
 export declare const ChessBoard: FC<ChessBoardProps>;
 export {};

package/dist/ChessBoard/useChessBoardInteractive.d.ts

@@ -26,7 +26,7 @@ export declare const useChessBoardInteractive: (props: UseChessBoardInteractiveP
     markCell: (cellPos: CellPos) => void;
     setNewMove: import("react").Dispatch<import("react").SetStateAction<ChangeMove>>;
     setAnimated: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    handleClick: (cellPos: CellPos) => void;
+    handleClick: (cellPos: CellPos, viewOnly?: boolean) => void;
     clearFromPos: () => void;
     handleGrabEnd: (cellPos: CellPos, withTransition?: boolean) => void;
     handleGrabbing: (x: number, y: number) => void;

package/dist/index.js

@@ -2610,9 +2610,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;
@@ -2889,7 +2893,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,
@@ -2972,12 +2977,14 @@ var ChessBoard = function ChessBoard(props) {
     boardConfig: boardConfig
   }), React__default.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__default.createElement("div", {