react-chessboard-ui 2.14.0 → 3.0.0

package/dist/ChessBoard/Arrow.d.ts

@@ -1,8 +1,8 @@
-import { FC } from 'react';
-interface ArrowProps {
-    start: number[];
-    end: number[];
-    color: string;
-}
-export declare const Arrow: FC<ArrowProps>;
-export {};
+import { FC } from 'react';
+interface ArrowProps {
+    start: number[];
+    end: number[];
+    color: string;
+}
+export declare const Arrow: FC<ArrowProps>;
+export {};

package/dist/ChessBoard/ArrowLayout.d.ts

@@ -1,15 +1,15 @@
-import { FC } from "react";
-import { CellPos } from "../JSChessEngine";
-import { ArrowCoords, ChessBoardConfig } from "./models";
-declare type ArrowLayoutType = {
-    startArrowCoord: CellPos;
-    arrowsCoords: ArrowCoords[];
-    externalArrowsCoords?: ArrowCoords[];
-    externalArrows?: (ArrowCoords & {
-        color?: string;
-    })[];
-    grabbingPos: CellPos;
-    boardConfig: ChessBoardConfig;
-};
-export declare const ArrowLayout: FC<ArrowLayoutType>;
-export {};
+import { FC } from 'react';
+import { CellPos } from '../JSChessEngine';
+import { ArrowCoords, ChessBoardConfig } from './models';
+type ArrowLayoutType = {
+    startArrowCoord: CellPos;
+    arrowsCoords: ArrowCoords[];
+    externalArrowsCoords?: ArrowCoords[];
+    externalArrows?: (ArrowCoords & {
+        color?: string;
+    })[];
+    grabbingPos: CellPos;
+    boardConfig: ChessBoardConfig;
+};
+export declare const ArrowLayout: FC<ArrowLayoutType>;
+export {};

package/dist/ChessBoard/ChessBoard.d.ts

@@ -1,22 +1,22 @@
-import { PieceColor, GameResult, MoveData, SquarePos } from "../JSChessEngine";
-import { FC } from "react";
-import { ArrowCoords, ChangeMove, ChessBoardConfig, ClickData } from "./models";
-declare type ChessBoardProps = {
-    FEN: string;
-    onChange: (moveData: MoveData) => void;
-    onEndGame: (result: GameResult) => void;
-    onClick?: (data: ClickData) => void;
-    change?: ChangeMove;
-    reversed?: boolean;
-    config?: Partial<ChessBoardConfig>;
-    playerColor?: PieceColor;
-    viewOnly?: boolean;
-    moveHighlight?: [SquarePos, SquarePos];
-    moveArrows?: ArrowCoords[];
-    arrows?: (ArrowCoords & {
-        color?: string;
-    })[];
-    toggleTurn?: boolean;
-};
-export declare const ChessBoard: FC<ChessBoardProps>;
-export {};
+import { PieceColor, GameResult, MoveData, SquarePos } from '../JSChessEngine';
+import { FC } from 'react';
+import { ArrowCoords, ChangeMove, ChessBoardConfig, ClickData } from './models';
+type ChessBoardProps = {
+    FEN: string;
+    onChange: (moveData: MoveData) => void;
+    onEndGame: (result: GameResult) => void;
+    onClick?: (data: ClickData) => void;
+    change?: ChangeMove;
+    reversed?: boolean;
+    config?: Partial<ChessBoardConfig>;
+    playerColor?: PieceColor;
+    viewOnly?: boolean;
+    moveHighlight?: [SquarePos, SquarePos];
+    moveArrows?: ArrowCoords[];
+    arrows?: (ArrowCoords & {
+        color?: string;
+    })[];
+    toggleTurn?: boolean;
+};
+export declare const ChessBoard: FC<ChessBoardProps>;
+export {};

package/dist/ChessBoard/ChessBoardCellsLayout.d.ts

@@ -1,11 +1,11 @@
-import { FC } from "react";
-import { ChessBoardConfig } from "./models";
-import { SquarePos } from "../JSChessEngine";
-declare type ChessBoardCellsLayoutProps = {
-    boardConfig: ChessBoardConfig;
-    size?: number;
-    movesTrail?: [SquarePos, SquarePos];
-    moveHighlight?: [SquarePos, SquarePos];
-};
-export declare const ChessBoardCellsLayout: FC<ChessBoardCellsLayoutProps>;
-export {};
+import { FC } from 'react';
+import { ChessBoardConfig } from './models';
+import { SquarePos } from '../JSChessEngine';
+type ChessBoardCellsLayoutProps = {
+    boardConfig: ChessBoardConfig;
+    size?: number;
+    movesTrail?: [SquarePos, SquarePos];
+    moveHighlight?: [SquarePos, SquarePos];
+};
+export declare const ChessBoardCellsLayout: FC<ChessBoardCellsLayoutProps>;
+export {};

package/dist/ChessBoard/ChessBoardControlLayout.d.ts

@@ -1,17 +1,17 @@
-import { FC } from "react";
-import { SquarePos } from "../JSChessEngine";
-import { ChessBoardConfig } from "./models";
-declare type ChessBoardControlLayoutProps = {
-    size?: number;
-    boardConfig: ChessBoardConfig;
-    onClick: (position: SquarePos) => void;
-    onGrabStart: (position: SquarePos) => void;
-    onGrabStartRight: (position: SquarePos) => void;
-    onGrabEnd: (position: SquarePos) => void;
-    onGrabEndRight: (position: SquarePos) => void;
-    onGrabbing: (x: number, y: number) => void;
-    onRightClick: (position: SquarePos) => void;
-    onGrabbingCell: (position: SquarePos) => void;
-};
-export declare const ChessBoardControlLayout: FC<ChessBoardControlLayoutProps>;
-export {};
+import { FC } from 'react';
+import { SquarePos } from '../JSChessEngine';
+import { ChessBoardConfig } from './models';
+type ChessBoardControlLayoutProps = {
+    size?: number;
+    boardConfig: ChessBoardConfig;
+    onClick: (position: SquarePos) => void;
+    onGrabStart: (position: SquarePos) => void;
+    onGrabStartRight: (position: SquarePos) => void;
+    onGrabEnd: (position: SquarePos) => void;
+    onGrabEndRight: (position: SquarePos) => void;
+    onGrabbing: (x: number, y: number) => void;
+    onRightClick: (position: SquarePos) => void;
+    onGrabbingCell: (position: SquarePos) => void;
+};
+export declare const ChessBoardControlLayout: FC<ChessBoardControlLayoutProps>;
+export {};

package/dist/ChessBoard/ChessBoardFiguresLayout.d.ts

@@ -1,12 +1,12 @@
-import { Cell } from "../JSChessEngine";
-import { FC } from "react";
-import { ChangeMove, ChessBoardConfig } from "./models";
-declare type ChessBoardFiguresLayoutProps = {
-    initialState: Cell[][];
-    change?: ChangeMove;
-    reversed?: boolean;
-    animated?: boolean;
-    boardConfig: ChessBoardConfig;
-};
-export declare const ChessBoardFiguresLayout: FC<ChessBoardFiguresLayoutProps>;
-export {};
+import { Cell } from '../JSChessEngine';
+import { FC } from 'react';
+import { ChangeMove, ChessBoardConfig } from './models';
+type ChessBoardFiguresLayoutProps = {
+    initialState: Cell[][];
+    change?: ChangeMove;
+    reversed?: boolean;
+    animated?: boolean;
+    boardConfig: ChessBoardConfig;
+};
+export declare const ChessBoardFiguresLayout: FC<ChessBoardFiguresLayoutProps>;
+export {};

package/dist/ChessBoard/ChessBoardInteractiveLayout.d.ts

@@ -1,15 +1,15 @@
-import { FC } from "react";
-import { SquarePos, Piece } from "../JSChessEngine";
-import { ChessBoardConfig } from "./models";
-declare type ChessBoardInteractiveLayoutProps = {
-    size?: number;
-    boardConfig: ChessBoardConfig;
-    selectedPos: SquarePos;
-    possibleMoves: SquarePos[];
-    markedCells: SquarePos[];
-    holdedFigure?: Piece;
-    grabbingPos: SquarePos;
-    onHasCheck: (cellPos: SquarePos) => boolean;
-};
-export declare const ChessBoardInteractiveLayout: FC<ChessBoardInteractiveLayoutProps>;
-export {};
+import { FC } from 'react';
+import { SquarePos, Piece } from '../JSChessEngine';
+import { ChessBoardConfig } from './models';
+type ChessBoardInteractiveLayoutProps = {
+    size?: number;
+    boardConfig: ChessBoardConfig;
+    selectedPos: SquarePos;
+    possibleMoves: SquarePos[];
+    markedCells: SquarePos[];
+    holdedFigure?: Piece;
+    grabbingPos: SquarePos;
+    onHasCheck: (cellPos: SquarePos) => boolean;
+};
+export declare const ChessBoardInteractiveLayout: FC<ChessBoardInteractiveLayoutProps>;
+export {};

package/dist/ChessBoard/FigurePicker.d.ts

@@ -1,11 +1,11 @@
-import { FC } from 'react';
-import { Piece, PieceColor } from '../JSChessEngine';
-import { ChessBoardConfig } from './models';
-interface FigurePickerProps {
-    boardConfig: ChessBoardConfig;
-    color: PieceColor;
-    forPawnTransform?: boolean;
-    onSelect: (figure: Piece) => void;
-}
-export declare const FigurePicker: FC<FigurePickerProps>;
-export {};
+import { FC } from 'react';
+import { Piece, PieceColor } from '../JSChessEngine';
+import { ChessBoardConfig } from './models';
+interface FigurePickerProps {
+    boardConfig: ChessBoardConfig;
+    color: PieceColor;
+    forPawnTransform?: boolean;
+    onSelect: (figure: Piece) => void;
+}
+export declare const FigurePicker: FC<FigurePickerProps>;
+export {};

package/dist/ChessBoard/HoldedFigure.d.ts

@@ -1,10 +1,10 @@
-import { CellPos, Figure } from "../JSChessEngine";
-import { FC } from "react";
-import { ChessBoardConfig } from "./models";
-declare type HoldedFigureProps = {
-    holdedFigure?: Figure;
-    grabbingPos: CellPos;
-    boardConfig: ChessBoardConfig;
-};
-export declare const HoldedFigure: FC<HoldedFigureProps>;
-export {};
+import { CellPos, Figure } from '../JSChessEngine';
+import { FC } from 'react';
+import { ChessBoardConfig } from './models';
+type HoldedFigureProps = {
+    holdedFigure?: Figure;
+    grabbingPos: CellPos;
+    boardConfig: ChessBoardConfig;
+};
+export declare const HoldedFigure: FC<HoldedFigureProps>;
+export {};

package/dist/ChessBoard/chessPieciesMap.d.ts

@@ -1,2 +1,2 @@
-import { ChessPiecesMap } from "./models";
-export declare const CHESS_PIECES_MAP: ChessPiecesMap;
+import { ChessPiecesMap } from './models';
+export declare const CHESS_PIECES_MAP: ChessPiecesMap;

package/dist/ChessBoard/constants.d.ts

@@ -1,26 +1,26 @@
-import { Piece } from "../JSChessEngine";
-import { ChessBoardConfig } from "./models";
-export declare const DEFAULT_FACTOR_FOR_SIZE_CIRCLE_MARK = 4.6;
-export declare const DEFAULT_CIRCLE_MARK_COLOR = "#3697ce";
-export declare const DEFAULT_WHITE_CELL_COLOR: string;
-export declare const DEFAULT_BLACK_CELL_COLOR: string;
-export declare const DEFAULT_SELECTED_CELL_COLOR = "#e3f1fe";
-export declare const DEFAULT_SELECTED_CELL_BORDER = "3px solid #6ac2fd";
-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_SHOW_MOVES_TRAIL = true;
-export declare const DEFAULT_HIDE_PIECES_HANDLER: (figure: Piece, boardSize?: number) => void;
-export declare const DEFAULT_SQUARE_SIZE = 92;
-export declare const DEFAULT_PIECE_SIZE_PERCENT = 80;
-export declare const DEFAULT_HIDE_PIECE_EFFECT_CLASS_NAME: string;
-export declare const DEFAULT_LIGHT_SQUARE_CLASS_NAME: string;
-export declare const DEFAULT_DARK_SQUARE_CLASS_NAME: string;
-export declare const DEFAULT_PICKED_SQUARE_CLASS_NAME: string;
-export declare const DEFAULT_CHECKED_SQUARE_CLASS_NAME: string;
-export declare const DEFAULT_SQUARE_HIGLIGHT_CLASS_NAME: string;
-export declare const DEFAULT_SELECTED_SQUARE_CLASS_NAME: string;
-export declare const DEFAULT_HOLDED_PIECE_CLASS_NAME: string;
-export declare const DEFAULT_POSSIBLE_MOVE_MARK_CLASS_NAME: string;
-export declare const DEFAULT_CHESSBORD_CONFIG: ChessBoardConfig;
+import { Piece } from '../JSChessEngine';
+import { ChessBoardConfig } from './models';
+export declare const DEFAULT_FACTOR_FOR_SIZE_CIRCLE_MARK = 4.6;
+export declare const DEFAULT_CIRCLE_MARK_COLOR = "#3697ce";
+export declare const DEFAULT_WHITE_CELL_COLOR: string;
+export declare const DEFAULT_BLACK_CELL_COLOR: string;
+export declare const DEFAULT_SELECTED_CELL_COLOR = "#e3f1fe";
+export declare const DEFAULT_SELECTED_CELL_BORDER = "3px solid #6ac2fd";
+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_SHOW_MOVES_TRAIL = true;
+export declare const DEFAULT_HIDE_PIECES_HANDLER: (figure: Piece, boardSize?: number) => void;
+export declare const DEFAULT_SQUARE_SIZE = 92;
+export declare const DEFAULT_PIECE_SIZE_PERCENT = 80;
+export declare const DEFAULT_HIDE_PIECE_EFFECT_CLASS_NAME: string;
+export declare const DEFAULT_LIGHT_SQUARE_CLASS_NAME: string;
+export declare const DEFAULT_DARK_SQUARE_CLASS_NAME: string;
+export declare const DEFAULT_PICKED_SQUARE_CLASS_NAME: string;
+export declare const DEFAULT_CHECKED_SQUARE_CLASS_NAME: string;
+export declare const DEFAULT_SQUARE_HIGLIGHT_CLASS_NAME: string;
+export declare const DEFAULT_SELECTED_SQUARE_CLASS_NAME: string;
+export declare const DEFAULT_HOLDED_PIECE_CLASS_NAME: string;
+export declare const DEFAULT_POSSIBLE_MOVE_MARK_CLASS_NAME: string;
+export declare const DEFAULT_CHESSBORD_CONFIG: ChessBoardConfig;

package/dist/ChessBoard/index.d.ts

@@ -1 +1 @@
-export * from './ChessBoard';
+export * from './ChessBoard';

package/dist/ChessBoard/models.d.ts

@@ -0,0 +1,39 @@
+import { ReactElement } from 'react';
+import { SquarePos, Piece, MoveData, Cell, CellPos, FigureColor } from '../JSChessEngine';
+export interface ChessPiecesMap {
+    [key: string]: (size: string) => ReactElement;
+}
+export type ChessBoardConfig = {
+    squareSize: number;
+    pieceSizePercent: number;
+    lightSquareClassName: string;
+    darkSquareClassName: string;
+    pickedSquareClassName: string;
+    checkedSquareClassName: string;
+    hidePieceEffectClassName: string;
+    squareHighlightClassName: string;
+    selectedSquareClassName: string;
+    holdedPieceClassName: string;
+    possibleMoveMarkClassName: string;
+    factorForSizeCircleMark: number;
+    circleMarkColor: string;
+    arrowColor: string;
+    piecesMap: ChessPiecesMap;
+    showMovesTrail: boolean;
+    onHidePieces: (piece: Piece) => void;
+};
+export type ChangeMove = {
+    move: MoveData;
+    withTransition?: boolean;
+    attackedPos?: SquarePos;
+    transformTo?: Piece;
+};
+export type ArrowCoords = {
+    start: number[];
+    end: number[];
+};
+export type ClickData = {
+    cellData: Cell;
+    pos: CellPos;
+    currentColor: FigureColor;
+};

package/dist/ChessBoard/useChessBoardInteractive.d.ts

@@ -1,64 +1,63 @@
-/// <reference types="react" />
-import { Cell, CellPos, Figure, FigureColor, GameResult, MoveData } from "../JSChessEngine";
-import { ArrowCoords, ChangeMove, ChessBoardConfig, ClickData } from "./models";
-declare type UseChessBoardInteractiveProps = {
-    config?: Partial<ChessBoardConfig>;
-    onChange: (moveData: MoveData) => void;
-    onEndGame: (result: GameResult) => void;
-    onClickByChessBoard?: (data: ClickData) => void;
-    toggleTurn?: boolean;
-};
-export declare const useChessBoardInteractive: (props: UseChessBoardInteractiveProps) => {
-    fromPos: CellPos;
-    newMove: ChangeMove;
-    animated: boolean;
-    movesTrail: [CellPos, CellPos];
-    invalidFEN: boolean;
-    boardConfig: ChessBoardConfig;
-    markedCells: CellPos[];
-    grabbingPos: CellPos;
-    actualState: Cell[][];
-    currentColor: FigureColor;
-    arrowsCoords: ArrowCoords[];
-    initialState: Cell[][];
-    holdedFigure: Figure;
-    grabbingCell: CellPos;
-    possibleMoves: CellPos[];
-    linesWithCheck: CellPos[][];
-    startArrowCoord: CellPos;
-    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, viewOnly?: boolean) => void;
-    clearFromPos: () => void;
-    handleGrabEnd: (cellPos: CellPos, withTransition?: boolean) => void;
-    setInvalidFEN: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    handleGrabbing: (x: number, y: number) => void;
-    endRenderArrow: ([x, y]: CellPos) => void;
-    setActualState: import("react").Dispatch<import("react").SetStateAction<Cell[][]>>;
-    setPlayerColor: import("react").Dispatch<import("react").SetStateAction<FigureColor>>;
-    setCurrentColor: import("react").Dispatch<import("react").SetStateAction<FigureColor>>;
-    handleUpdateFEN: (FEN: string, reversed: boolean) => void;
-    selectClickFrom: (cellPos: CellPos) => void;
-    selectHoverFrom: (cellPos: CellPos) => void;
-    setInitialState: import("react").Dispatch<import("react").SetStateAction<Cell[][]>>;
-    setBoardReversed: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    startRenderArrow: (pos: CellPos) => void;
-    setLinesWithCheck: import("react").Dispatch<import("react").SetStateAction<CellPos[][]>>;
-    cleanAllForFigure: () => void;
-    reverseChessBoard: () => void;
-    handleGrabbingCell: (cellPos: CellPos) => void;
-    moveFigureByChange: (change: ChangeMove) => void;
-    getHasCheckByCellPos: ([x, y]: CellPos) => boolean;
-    handleSelectFigurePicker: (figure: Figure) => void;
-    handleChangeFromExternal: (moveData: MoveData, withTransition?: boolean) => void;
-    moveFigureByExternalChange: (from: CellPos, to: CellPos, figure: Figure) => {
-        moveData?: undefined;
-        attackedPos?: undefined;
-    } | {
-        moveData: MoveData;
-        attackedPos: CellPos;
-    };
-};
-export {};
+import { Cell, CellPos, Figure, FigureColor, GameResult, MoveData } from '../JSChessEngine';
+import { ArrowCoords, ChangeMove, ChessBoardConfig, ClickData } from './models';
+type UseChessBoardInteractiveProps = {
+    config?: Partial<ChessBoardConfig>;
+    onChange: (moveData: MoveData) => void;
+    onEndGame: (result: GameResult) => void;
+    onClickByChessBoard?: (data: ClickData) => void;
+    toggleTurn?: boolean;
+};
+export declare const useChessBoardInteractive: (props: UseChessBoardInteractiveProps) => {
+    fromPos: CellPos;
+    newMove: ChangeMove;
+    animated: boolean;
+    movesTrail: [CellPos, CellPos];
+    invalidFEN: boolean;
+    boardConfig: ChessBoardConfig;
+    markedCells: CellPos[];
+    grabbingPos: CellPos;
+    actualState: Cell[][];
+    currentColor: FigureColor;
+    arrowsCoords: ArrowCoords[];
+    initialState: Cell[][];
+    holdedFigure: Figure;
+    grabbingCell: CellPos;
+    possibleMoves: CellPos[];
+    linesWithCheck: CellPos[][];
+    startArrowCoord: CellPos;
+    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, viewOnly?: boolean) => void;
+    clearFromPos: () => void;
+    handleGrabEnd: (cellPos: CellPos, withTransition?: boolean) => void;
+    setInvalidFEN: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    handleGrabbing: (x: number, y: number) => void;
+    endRenderArrow: ([x, y]: CellPos) => void;
+    setActualState: import('react').Dispatch<import('react').SetStateAction<Cell[][]>>;
+    setPlayerColor: import('react').Dispatch<import('react').SetStateAction<FigureColor>>;
+    setCurrentColor: import('react').Dispatch<import('react').SetStateAction<FigureColor>>;
+    handleUpdateFEN: (FEN: string, reversed: boolean) => void;
+    selectClickFrom: (cellPos: CellPos) => void;
+    selectHoverFrom: (cellPos: CellPos) => void;
+    setInitialState: import('react').Dispatch<import('react').SetStateAction<Cell[][]>>;
+    setBoardReversed: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    startRenderArrow: (pos: CellPos) => void;
+    setLinesWithCheck: import('react').Dispatch<import('react').SetStateAction<CellPos[][]>>;
+    cleanAllForFigure: () => void;
+    reverseChessBoard: () => void;
+    handleGrabbingCell: (cellPos: CellPos) => void;
+    moveFigureByChange: (change: ChangeMove) => void;
+    getHasCheckByCellPos: ([x, y]: CellPos) => boolean;
+    handleSelectFigurePicker: (figure: Figure) => void;
+    handleChangeFromExternal: (moveData: MoveData, withTransition?: boolean) => void;
+    moveFigureByExternalChange: (from: CellPos, to: CellPos, figure: Figure) => {
+        moveData?: undefined;
+        attackedPos?: undefined;
+    } | {
+        moveData: MoveData;
+        attackedPos: CellPos;
+    };
+};
+export {};