kokopu-react 3.1.0 → 3.3.0

package/dist/lib/navigationboard/NavigationBoard.js

@@ -21,13 +21,18 @@
  *                                                                            *
  * -------------------------------------------------------------------------- */
 import * as React from 'react';
-import { Game, Node as GameNode } from 'kokopu';
-import { sanitizeBoolean, sanitizeOptional, sanitizeString } from '../sanitization';
+import { Game, Node as GameNode, Variation } from 'kokopu';
+import { IllegalArgument } from '../exception';
+import { i18n } from '../i18n';
+import { sanitizeBoolean, sanitizeOptional, sanitizeString, sanitizePartialObject } from '../sanitization';
 import { defaultDynamicBoardProps } from '../chessboard/BoardProperties';
 import { Chessboard } from '../chessboard/Chessboard';
 import { parseGame } from '../errorbox/parsing';
 import { NavigationField, firstNodeId, previousNodeId, nextNodeId, lastNodeId } from '../navigationboard/NavigationField';
-import { NavigationToolbar } from './NavigationToolbar';
+import { GO_FIRST_ICON_PATH, GO_PREVIOUS_ICON_PATH, GO_NEXT_ICON_PATH, GO_LAST_ICON_PATH, PLAY_ICON_PATH, STOP_ICON_PATH, FLIP_ICON_PATH } from './iconPaths';
+import { isNavigationBar, isNavigationBarScheme } from './NavigationButton';
+import { NavigationToolbar, navigationToolbarSize } from './NavigationToolbar';
+const INTER_MOVE_DURATION = 1000;
 /**
  * Component displaying the positions occurring in a chess game, with navigation buttons to browse these positions.
  */
@@ -37,10 +42,15 @@ export class NavigationBoard extends React.Component {
         this.navigationFieldRef = React.createRef();
         this.state = {
             nodeIdAsUncontrolled: sanitizeString(props.initialNodeId),
+            isPlayingAsUncontrolled: sanitizeBoolean(props.initialIsPlaying),
             flippedAsUncontrolled: sanitizeBoolean(props.initialFlipped),
         };
     }
+    componentWillUnmount() {
+        this.cancelCurrentTimeout();
+    }
     render() {
+        this.cancelCurrentTimeout();
         // Validate the game and game-index attributes.
         const info = parseGame(this.props.game, this.props.gameIndex, 'NavigationBoard');
         if (info.error) {
@@ -49,26 +59,63 @@ export class NavigationBoard extends React.Component {
         // Fetch the current node/variation.
         const currentNodeId = sanitizeOptional(this.props.nodeId, sanitizeString) ?? this.state.nodeIdAsUncontrolled;
         const currentNode = info.game.findById(currentNodeId) ?? info.game.mainVariation();
-        // Flip state.
+        // State flags.
+        const isPlaying = sanitizeOptional(this.props.isPlaying, sanitizeBoolean) ?? this.state.isPlayingAsUncontrolled;
         const flipped = sanitizeOptional(this.props.flipped, sanitizeBoolean) ?? this.state.flippedAsUncontrolled;
         return (React.createElement("div", { className: "kokopu-navigationBoard" },
-            this.renderBoard(info.game, currentNode, flipped),
+            this.renderBoard(info.game, currentNode, isPlaying, flipped),
             this.renderNavigationField(info.game, currentNode.id())));
     }
-    renderBoard(game, node, flipped) {
+    renderBoard(game, node, isPlaying, flipped) {
         const position = node instanceof GameNode ? node.positionBefore() : node.initialPosition();
         const move = node instanceof GameNode ? node.notation() : undefined;
-        return React.createElement(Chessboard, { position: position, move: move, flipped: flipped, squareMarkers: node.tag('csl'), arrowMarkers: node.tag('cal'), textMarkers: node.tag('ctl'), squareSize: this.props.squareSize, coordinateVisible: this.props.coordinateVisible, turnVisible: this.props.turnVisible, colorset: this.props.colorset, pieceset: this.props.pieceset, smallScreenLimits: this.props.smallScreenLimits, moveArrowVisible: this.props.moveArrowVisible, moveArrowColor: this.props.moveArrowColor, animated: this.props.animated, bottomComponent: ({ squareSize }) => this.renderToolbar(game, node.id(), squareSize) });
+        return React.createElement(Chessboard, { position: position, move: move, flipped: flipped, squareMarkers: node.tag('csl'), arrowMarkers: node.tag('cal'), textMarkers: node.tag('ctl'), squareSize: this.props.squareSize, coordinateVisible: this.props.coordinateVisible, turnVisible: this.props.turnVisible, colorset: this.props.colorset, pieceset: this.props.pieceset, smallScreenLimits: this.props.smallScreenLimits, moveArrowVisible: this.props.moveArrowVisible, moveArrowColor: this.props.moveArrowColor, animated: this.props.animated, bottomComponent: ({ squareSize }) => this.renderToolbar(game, node, squareSize, isPlaying) });
     }
     renderNavigationField(game, currentNodeId) {
-        return React.createElement(NavigationField, { ref: this.navigationFieldRef, onFirstPressed: () => this.handleNavigationButtonClicked(firstNodeId(game, currentNodeId)), onPreviousPressed: () => this.handleNavigationButtonClicked(previousNodeId(game, currentNodeId)), onNextPressed: () => this.handleNavigationButtonClicked(nextNodeId(game, currentNodeId)), onLastPressed: () => this.handleNavigationButtonClicked(lastNodeId(game, currentNodeId)) });
+        return React.createElement(NavigationField, { ref: this.navigationFieldRef, onFirstPressed: () => this.handleNavClicked(firstNodeId(game, currentNodeId)), onPreviousPressed: () => this.handleNavClicked(previousNodeId(game, currentNodeId)), onNextPressed: () => this.handleNavClicked(nextNodeId(game, currentNodeId)), onLastPressed: () => this.handleNavClicked(lastNodeId(game, currentNodeId)) });
     }
-    renderToolbar(game, currentNodeId, squareSize) {
-        const flipButtonVisible = sanitizeBoolean(this.props.flipButtonVisible);
-        return React.createElement(NavigationToolbar, { flipButtonVisible: flipButtonVisible, squareSize: squareSize, onFirstClicked: () => this.handleNavigationButtonClicked(firstNodeId(game, currentNodeId)), onPreviousClicked: () => this.handleNavigationButtonClicked(previousNodeId(game, currentNodeId)), onNextClicked: () => this.handleNavigationButtonClicked(nextNodeId(game, currentNodeId)), onLastClicked: () => this.handleNavigationButtonClicked(lastNodeId(game, currentNodeId)), onFlipClicked: () => this.handleFlipButtonClicked() });
+    renderToolbar(game, node, squareSize, isPlaying) {
+        // WARNING: the logic here must be the same as the one in `computeBarScheme()`.
+        const buttons = [];
+        // Core navigation buttons
+        const currentNodeId = node.id();
+        const hasPrevious = currentNodeId !== 'start';
+        const hasNext = (node instanceof Variation ? node.first() : node.next()) !== undefined;
+        buttons.push({ iconPath: GO_FIRST_ICON_PATH, tooltip: i18n.TOOLTIP_GO_FIRST, enabled: hasPrevious, onClick: () => this.handleNavClicked(firstNodeId(game, currentNodeId)) });
+        buttons.push({ iconPath: GO_PREVIOUS_ICON_PATH, tooltip: i18n.TOOLTIP_GO_PREVIOUS, enabled: hasPrevious, onClick: () => this.handleNavClicked(previousNodeId(game, currentNodeId)) });
+        if (sanitizeBoolean(this.props.playButtonVisible)) {
+            buttons.push({ iconPath: isPlaying ? STOP_ICON_PATH : PLAY_ICON_PATH, tooltip: i18n.TOOLTIP_PLAY_STOP, enabled: hasNext, onClick: () => this.handlePlayStopClicked(!isPlaying) });
+        }
+        buttons.push({ iconPath: GO_NEXT_ICON_PATH, tooltip: i18n.TOOLTIP_GO_NEXT, enabled: hasNext, onClick: () => this.handleNavClicked(nextNodeId(game, currentNodeId)) });
+        buttons.push({ iconPath: GO_LAST_ICON_PATH, tooltip: i18n.TOOLTIP_GO_LAST, enabled: hasNext, onClick: () => this.handleNavClicked(lastNodeId(game, currentNodeId)) });
+        buttons.push('spacer');
+        if (sanitizeBoolean(this.props.flipButtonVisible)) {
+            buttons.push({ iconPath: FLIP_ICON_PATH, tooltip: i18n.TOOLTIP_FLIP, onClick: () => this.handleFlipButtonClicked() });
+        }
+        buttons.push('spacer');
+        // Schedule the next transition if auto-play is enabled.
+        if (isPlaying) {
+            if (hasNext) {
+                this.timeoutId = window.setTimeout(() => this.handleNavClicked(nextNodeId(game, currentNodeId), false), INTER_MOVE_DURATION);
+            }
+            else {
+                // ... or stop the auto-play if at the end of the game.
+                this.timeoutId = window.setTimeout(() => this.handlePlayStopClicked(false, false), 0);
+            }
+        }
+        // Additional buttons.
+        if (!isNavigationBar(this.props.additionalButtons)) {
+            throw new IllegalArgument('NavigationBoard', 'additionalButtons');
+        }
+        for (const button of this.props.additionalButtons) {
+            buttons.push(button);
+        }
+        return React.createElement(NavigationToolbar, { squareSize: squareSize, buttons: buttons });
     }
-    handleNavigationButtonClicked(targetNodeId) {
-        this.focus();
+    handleNavClicked(targetNodeId, forceFocus = true) {
+        if (forceFocus) {
+            this.focus();
+        }
         if (targetNodeId === undefined) {
             return;
         }
@@ -79,6 +126,17 @@ export class NavigationBoard extends React.Component {
             this.props.onNodeIdChanged(targetNodeId);
         }
     }
+    handlePlayStopClicked(targetIsPlaying, forceFocus = true) {
+        if (forceFocus) {
+            this.focus();
+        }
+        if (this.props.isPlaying === undefined) { // uncontrolled is-playing state
+            this.setState({ isPlayingAsUncontrolled: targetIsPlaying });
+        }
+        else if (this.props.onIsPlayingChanged) { // controlled is-playing state
+            this.props.onIsPlayingChanged(targetIsPlaying);
+        }
+    }
     handleFlipButtonClicked() {
         this.focus();
         if (this.props.flipped === undefined) { // uncontrolled flip state
@@ -88,6 +146,12 @@ export class NavigationBoard extends React.Component {
             this.props.onFlippedChanged(!this.props.flipped);
         }
     }
+    cancelCurrentTimeout() {
+        if (this.timeoutId !== undefined) {
+            window.clearTimeout(this.timeoutId);
+            this.timeoutId = undefined;
+        }
+    }
     /**
      * Set the focus to the current component.
      *
@@ -100,13 +164,77 @@ export class NavigationBoard extends React.Component {
             target.focus();
         }
     }
+    /**
+     * Return the size of the {@link NavigationBoard}, assuming it is built with the given attributes.
+     */
+    static size(attr) {
+        const { squareSize, coordinateVisible, turnVisible, smallScreenLimits, playButtonVisible, flipButtonVisible, additionalButtons } = sanitizePartialObject(attr, () => new IllegalArgument('NavigationBoard.size()', 'attr'));
+        // Sanitization
+        const actualPlayButtonVisible = sanitizeOptional(playButtonVisible, sanitizeBoolean);
+        const actualFlipButtonVisible = sanitizeOptional(flipButtonVisible, sanitizeBoolean);
+        if (additionalButtons !== undefined && !isNavigationBarScheme(additionalButtons)) {
+            throw new IllegalArgument('NavigationBoard.size()', 'additionalButtons');
+        }
+        const buttons = computeBarScheme(actualPlayButtonVisible, actualFlipButtonVisible, additionalButtons);
+        return Chessboard.size({
+            squareSize: squareSize,
+            coordinateVisible: coordinateVisible,
+            turnVisible: turnVisible,
+            smallScreenLimits: smallScreenLimits,
+            bottomComponent: ({ squareSize: sz }) => navigationToolbarSize(sz, buttons),
+        });
+    }
+    /**
+     * Return the maximum square size that would allow the {@link NavigationBoard} to fit in a rectangle of size `width x height`.
+     */
+    static adaptSquareSize(width, height, attr) {
+        const { coordinateVisible, turnVisible, smallScreenLimits, playButtonVisible, flipButtonVisible, additionalButtons } = sanitizePartialObject(attr, () => new IllegalArgument('NavigationBoard.adaptSquareSize()', 'attr'));
+        // Sanitization
+        const actualPlayButtonVisible = sanitizeOptional(playButtonVisible, sanitizeBoolean);
+        const actualFlipButtonVisible = sanitizeOptional(flipButtonVisible, sanitizeBoolean);
+        if (additionalButtons !== undefined && !isNavigationBarScheme(additionalButtons)) {
+            throw new IllegalArgument('NavigationBoard.adaptSquareSize()', 'additionalButtons');
+        }
+        const buttons = computeBarScheme(actualPlayButtonVisible, actualFlipButtonVisible, additionalButtons);
+        return Chessboard.adaptSquareSize(width, height, {
+            coordinateVisible: coordinateVisible,
+            turnVisible: turnVisible,
+            smallScreenLimits: smallScreenLimits,
+            bottomComponent: ({ squareSize: sz }) => navigationToolbarSize(sz, buttons),
+        });
+    }
 }
 NavigationBoard.defaultProps = {
     ...defaultDynamicBoardProps(),
     game: new Game(),
     gameIndex: 0,
     initialNodeId: 'start',
+    initialIsPlaying: false,
     initialFlipped: false,
+    playButtonVisible: false,
     flipButtonVisible: true,
+    additionalButtons: [],
 };
+function computeBarScheme(playButtonVisible, flipButtonVisible, additionalButtons) {
+    // WARNING: the logic here must be the same as the one in `renderToolbar()`.
+    const buttons = [];
+    buttons.push('button'); // go-first
+    buttons.push('button'); // go-previous
+    if (playButtonVisible ?? NavigationBoard.defaultProps.playButtonVisible) {
+        buttons.push('button');
+    }
+    buttons.push('button'); // go-next
+    buttons.push('button'); // go-last
+    buttons.push('spacer');
+    if (flipButtonVisible ?? NavigationBoard.defaultProps.flipButtonVisible) {
+        buttons.push('button');
+    }
+    buttons.push('spacer');
+    if (additionalButtons !== undefined) {
+        for (const button of additionalButtons) {
+            buttons.push(button);
+        }
+    }
+    return buttons;
+}
 //# sourceMappingURL=NavigationBoard.js.map

package/dist/lib/navigationboard/NavigationBoard.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBoard.js","sourceRoot":"","sources":["../../../src/navigationboard/NavigationBoard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NavigationBoard.js","sourceRoot":"","sources":["../../../src/navigationboard/NavigationBoard.tsx"],"names":[],"mappings":"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"}

package/dist/lib/navigationboard/NavigationButton.d.ts

@@ -0,0 +1,66 @@
+/*!
+ * -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    Kokopu-React - A React-based library of chess-related components.       *
+ *    <https://www.npmjs.com/package/kokopu-react>                            *
+ *    Copyright (C) 2021-2024  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    Kokopu-React is free software: you can redistribute it and/or           *
+ *    modify it under the terms of the GNU Lesser General Public License      *
+ *    as published by the Free Software Foundation, either version 3 of       *
+ *    the License, or (at your option) any later version.                     *
+ *                                                                            *
+ *    Kokopu-React is distributed in the hope that it will be useful,         *
+ *    but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+ *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the            *
+ *    GNU Lesser General Public License for more details.                     *
+ *                                                                            *
+ *    You should have received a copy of the GNU Lesser General               *
+ *    Public License along with this program. If not, see                     *
+ *    <http://www.gnu.org/licenses/>.                                         *
+ *                                                                            *
+ * -------------------------------------------------------------------------- */
+/**
+ * Descriptor for additional buttons to be added to the toolbar of {@link NavigationBoard}.
+ */
+export type NavigationButton = {
+    /**
+     * Button icon, defined as a SVG path (see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d#path_commands for more details
+     * on how to define a SVG path).
+     *
+     * The path is rendered within 32 x 32 viewbox (defined as `viewbox="0 0 32 32"`). It must be be a closed path, and must fit within the viewbox incircle.
+     */
+    iconPath: string;
+    /**
+     * Human-readable tooltip.
+     */
+    tooltip?: string;
+    /**
+     * Whether or not the button is enabled (true by default).
+     */
+    enabled?: boolean;
+    /**
+     * Callback invoked when the user clicks on the button.
+     */
+    onClick?: () => void;
+};
+/**
+ * List of additional buttons to be added to the toolbar of {@link NavigationBoard}, together with optional spacers in-between.
+ */
+export type NavigationBar = (NavigationButton | 'spacer')[];
+/**
+ * Scheme of additional button list to be added to the toolbar of {@link NavigationBoard}, together with optional spacers in-between.
+ */
+export type NavigationBarScheme = ('button' | 'spacer')[];
+/**
+ * Whether the given object is a {@link NavigationButton} or not.
+ */
+export declare function isNavigationButton(button: unknown): button is NavigationButton;
+/**
+ * Whether the given object is a {@link NavigationBar} or not.
+ */
+export declare function isNavigationBar(buttons: unknown): buttons is NavigationBar;
+/**
+ * Whether the given object is a {@link NavigationBarScheme} or not.
+ */
+export declare function isNavigationBarScheme(buttons: unknown): buttons is NavigationBarScheme;

package/dist/lib/navigationboard/NavigationButton.js

@@ -0,0 +1,67 @@
+/*!
+ * -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    Kokopu-React - A React-based library of chess-related components.       *
+ *    <https://www.npmjs.com/package/kokopu-react>                            *
+ *    Copyright (C) 2021-2024  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    Kokopu-React is free software: you can redistribute it and/or           *
+ *    modify it under the terms of the GNU Lesser General Public License      *
+ *    as published by the Free Software Foundation, either version 3 of       *
+ *    the License, or (at your option) any later version.                     *
+ *                                                                            *
+ *    Kokopu-React is distributed in the hope that it will be useful,         *
+ *    but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+ *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the            *
+ *    GNU Lesser General Public License for more details.                     *
+ *                                                                            *
+ *    You should have received a copy of the GNU Lesser General               *
+ *    Public License along with this program. If not, see                     *
+ *    <http://www.gnu.org/licenses/>.                                         *
+ *                                                                            *
+ * -------------------------------------------------------------------------- */
+/**
+ * Whether the given object is a {@link NavigationButton} or not.
+ */
+export function isNavigationButton(button) {
+    if (typeof button !== 'object' || button === null) {
+        return false;
+    }
+    return typeof button.iconPath === 'string' &&
+        (button.tooltip === undefined || typeof button.tooltip === 'string') &&
+        (button.enabled === undefined || typeof button.enabled === 'boolean') &&
+        (button.onClick === undefined || typeof button.onClick === 'function');
+}
+/**
+ * Whether the given object is a {@link NavigationBar} or not.
+ */
+export function isNavigationBar(buttons) {
+    if (Array.isArray(buttons)) {
+        for (const button of buttons) {
+            if (!(isNavigationButton(button) || button === 'spacer')) {
+                return false;
+            }
+        }
+        return true;
+    }
+    else {
+        return false;
+    }
+}
+/**
+ * Whether the given object is a {@link NavigationBarScheme} or not.
+ */
+export function isNavigationBarScheme(buttons) {
+    if (Array.isArray(buttons)) {
+        for (const button of buttons) {
+            if (!(button === 'button' || button === 'spacer')) {
+                return false;
+            }
+        }
+        return true;
+    }
+    else {
+        return false;
+    }
+}
+//# sourceMappingURL=NavigationButton.js.map

package/dist/lib/navigationboard/NavigationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationButton.js","sourceRoot":"","sources":["../../../src/navigationboard/NavigationButton.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;gFAqBgF;AA6ChF;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,MAAe;IAC9C,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QAChD,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,OAAO,OAAQ,MAA2B,CAAC,QAAQ,KAAK,QAAQ;QAC5D,CAAE,MAA2B,CAAC,OAAO,KAAK,SAAS,IAAI,OAAQ,MAA2B,CAAC,OAAO,KAAK,QAAQ,CAAC;QAChH,CAAE,MAA2B,CAAC,OAAO,KAAK,SAAS,IAAI,OAAQ,MAA2B,CAAC,OAAO,KAAK,SAAS,CAAC;QACjH,CAAE,MAA2B,CAAC,OAAO,KAAK,SAAS,IAAI,OAAQ,MAA2B,CAAC,OAAO,KAAK,UAAU,CAAC,CAAC;AAC3H,CAAC;AAGD;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,OAAgB;IAC5C,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QACzB,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;YAC3B,IAAI,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,IAAI,MAAM,KAAK,QAAQ,CAAC,EAAE,CAAC;gBACvD,OAAO,KAAK,CAAC;YACjB,CAAC;QACL,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;SACI,CAAC;QACF,OAAO,KAAK,CAAC;IACjB,CAAC;AACL,CAAC;AAGD;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,OAAgB;IAClD,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QACzB,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;YAC3B,IAAI,CAAC,CAAC,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,QAAQ,CAAC,EAAE,CAAC;gBAChD,OAAO,KAAK,CAAC;YACjB,CAAC;QACL,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;SACI,CAAC;QACF,OAAO,KAAK,CAAC;IACjB,CAAC;AACL,CAAC"}

package/dist/lib/navigationboard/NavigationField.css

@@ -23,14 +23,14 @@
 
 
 .kokopu-focusFieldContainer {
-	position: fixed;
-	bottom: 0px;
-	right: 0px;
-	width: 0px;
-	height: 0px;
-	overflow: hidden;
+    position: fixed;
+    bottom: 0px;
+    right: 0px;
+    width: 0px;
+    height: 0px;
+    overflow: hidden;
 }
 
 .kokopu-focusField {
-	position: absolute; /* see #1 */
+    position: absolute; /* see #1 */
 }

package/dist/lib/navigationboard/NavigationField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationField.js","sourceRoot":"","sources":["../../../src/navigationboard/NavigationField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NavigationField.js","sourceRoot":"","sources":["../../../src/navigationboard/NavigationField.tsx"],"names":[],"mappings":"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"}

package/dist/lib/navigationboard/NavigationToolbar.css

@@ -23,29 +23,32 @@
 
 
 .kokopu-navigationBoard {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 }
 
 .kokopu-navigationToolbar {
-	line-height: 0px;
+    line-height: 0px;
 }
 
-.kokopu-navigationButton {
-	display: inline-block;
-	cursor: pointer;
+.kokopu-enabledNavigationButton,
+.kokopu-disabledNavigationButton {
+    display: inline-block;
 }
 
-.kokopu-navigationButton:hover {
-	opacity: 0.6;
+.kokopu-enabledNavigationButton {
+    cursor: pointer;
 }
 
-* + .kokopu-navigationButton {
-	margin-left: 2px;
+.kokopu-enabledNavigationButton:hover {
+    opacity: 0.6;
+}
+
+.kokopu-disabledNavigationButton {
+    opacity: 0.2;
 }
 
 .kokopu-navigationSpacer {
-	display: inline-block;
-	width: 10px;
+    display: inline-block;
 }

package/dist/lib/navigationboard/NavigationToolbar.d.ts

@@ -21,21 +21,21 @@
  *                                                                            *
  * -------------------------------------------------------------------------- */
 import * as React from 'react';
+import { NavigationBar, NavigationBarScheme } from './NavigationButton';
 import './NavigationToolbar.css';
 interface NavigationToolbarProps {
-    flipButtonVisible: boolean;
     squareSize: number;
-    onFirstClicked?: () => void;
-    onPreviousClicked?: () => void;
-    onNextClicked?: () => void;
-    onLastClicked?: () => void;
-    onFlipClicked?: () => void;
+    buttons: NavigationBar;
 }
 /**
  * Toolbar below the navigation board.
  */
-export declare class NavigationToolbar extends React.Component<NavigationToolbarProps> {
-    render(): React.JSX.Element;
-    private renderFlipButton;
-}
+export declare function NavigationToolbar({ squareSize, buttons }: NavigationToolbarProps): React.JSX.Element;
+/**
+ * Size of the navigation toolbar (taking into account the margin between the toolbar and the chessboard), assuming the given square size.
+ */
+export declare function navigationToolbarSize(squareSize: number, buttons: NavigationBarScheme): {
+    width: number;
+    height: number;
+};
 export {};