kokopu-react 3.3.0 → 3.3.2

package/src/chessboard/Draggable.tsx

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *
@@ -30,65 +30,65 @@ interface DraggableProps {
     /**
      * Initial X coordinate of the handle.
      */
-    x: number;
+    x: number,
 
     /**
      * Initial Y coordinate of the handle.
      */
-    y: number;
+    y: number,
 
     /**
      * Width of the handle.
      */
-    width: number;
+    width: number,
 
     /**
      * Height of the handle.
      */
-    height: number;
+    height: number,
 
     /**
      * `true` if the handle corresponds to a draggable arrow, `false` if it corresponds to a draggable piece.
      */
-    isArrowHandle: boolean;
+    isArrowHandle: boolean,
 
     /**
      * Callback invoked when the drag starts. `x0` and `y0` correspond to the coordinates (relative to the hande) at which the drag has been initiated.
      */
-    onDragStart?: (x0: number, y0: number) => void;
+    onDragStart?: (x0: number, y0: number) => void,
 
     /**
      * Callback invoked during the drag. `dx` and `dy` correspond to the coordinates of the drag translation vector.
      */
-    onDrag?: (dx: number, dy: number) => void;
+    onDrag?: (dx: number, dy: number) => void,
 
     /**
      * Callback invoked when the drag stops. `dx` and `dy` correspond to the coordinates of the drag translation vector.
      */
-    onDragStop?: (dx: number, dy: number) => void;
+    onDragStop?: (dx: number, dy: number) => void,
 
     /**
      * Callback invoked when the drag is canceled.
      */
-    onDragCanceled?: () => void;
+    onDragCanceled?: () => void,
 }
 
 
 interface DragData {
-    originX: number;
-    originY: number;
+    originX: number,
+    originY: number,
 }
 
 
 interface PageCoordinates {
-    pageX: number;
-    pageY: number;
+    pageX: number,
+    pageY: number,
 }
 
 
 interface ClientCoordinates {
-    clientX: number;
-    clientY: number;
+    clientX: number,
+    clientY: number,
 }
 
 
@@ -97,7 +97,7 @@ interface ClientCoordinates {
  */
 export class Draggable extends React.Component<DraggableProps> {
 
-    private innerRef: React.RefObject<SVGRectElement> = React.createRef();
+    private innerRef = React.createRef<SVGRectElement>();
     private dragData?: DragData;
 
     private mouseDownListener = (evt: MouseEvent) => this.handleMouseDown(evt);

package/src/chessboard/Motion.tsx

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *
@@ -32,17 +32,17 @@ interface MotionProps {
     /**
      * Duration of the animation. Must be > 0.
      */
-    duration: number;
+    duration: number,
 
     /**
      * Factory for the content being animated. The animation cursor is guaranteed to be valued between 0 and 1 inclusive.
      */
-    children: (cursor: number) => React.ReactNode;
+    children: (cursor: number) => React.ReactNode,
 }
 
 
 interface MotionState {
-    cursor: number;
+    cursor: number,
 }
 
 
@@ -63,7 +63,7 @@ export class Motion extends React.Component<MotionProps, MotionState> {
         this.cursorStop = 1;
 
         // WARNING: this hack exists only for testing purposes. DO NOT USE IT IN PRODUCTION.
-        const debugCursorStop = window[ /* eslint-disable @typescript-eslint/no-explicit-any */ DEBUG_KEY as any /* eslint-enable @typescript-eslint/no-explicit-any */ ];
+        const debugCursorStop = window[/* eslint-disable @typescript-eslint/no-explicit-any */ DEBUG_KEY as any /* eslint-enable */];
         if (typeof debugCursorStop === 'number' && debugCursorStop >= 0 && debugCursorStop <= 1) {
             this.cursorStop = debugCursorStop;
         }

package/src/chessboard/colorsets.ts

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *

package/src/chessboard/piecesets.ts

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *

package/src/decs.d.ts

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *

package/src/errorbox/ErrorBox.css

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *

package/src/errorbox/ErrorBox.tsx

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *
@@ -40,27 +40,27 @@ export interface ErrorBoxProps {
     /**
      * Title of the error box.
      */
-    title: string;
+    title: string,
 
     /**
      * Additional message providing details about the error.
      */
-    message: string;
+    message: string,
 
     /**
      * Raw text whose processing results in the error.
      */
-    text?: string;
+    text?: string,
 
     /**
      * Index of the character within `text` that results in the error.
      */
-    errorIndex?: number;
+    errorIndex?: number,
 
     /**
      * Index (1-based) of the line in which is the character that results in the error.
      */
-    lineNumber?: number;
+    lineNumber?: number,
 }
 
 

package/src/errorbox/parsing.tsx

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *
@@ -36,8 +36,8 @@ import { ErrorBox } from './ErrorBox';
  * Try to interpret the given object as a chess position.
  */
 export function parsePosition(position: Position | string, componentName: string):
-    { error: true, errorBox: JSX.Element } | { error: false, position: Position }
-{
+    { error: true, errorBox: React.JSX.Element } | { error: false, position: Position } {
+
     if (position instanceof Position) {
         return { error: false, position: position };
     }
@@ -84,8 +84,8 @@ function splitGameVariantAndFEN(position: string): { variant: GameVariant, fen:
  * Try to interpret the given object `move` as a move descriptor based on the given position.
  */
 export function parseMove(position: Position, move: MoveDescriptor | string | undefined, componentName: string):
-    { error: true, errorBox: JSX.Element } | { error: false, type: 'none' | 'null-move' } | { error: false, type: 'regular', move: MoveDescriptor }
-{
+    { error: true, errorBox: React.JSX.Element } | { error: false, type: 'none' | 'null-move' } | { error: false, type: 'regular', move: MoveDescriptor } {
+
     if (move === undefined || move === null) {
         return { error: false, type: 'none' };
     }
@@ -126,8 +126,8 @@ export function parseMove(position: Position, move: MoveDescriptor | string | un
  * Try to interpret the given object as a chess game.
  */
 export function parseGame(game: Game | Database | string, gameIndex: number, componentName: string):
-    { error: true, errorBox: JSX.Element } | { error: false, game: Game }
-{
+    { error: true, errorBox: React.JSX.Element } | { error: false, game: Game } {
+
     if (game instanceof Game) {
         return { error: false, game: game };
     }

package/src/exception.ts

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *

package/src/i18n.ts

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *
@@ -27,7 +27,7 @@
  */
 export namespace i18n {
 
-/* eslint-disable prefer-const */
+/* eslint-disable prefer-const, @stylistic/indent */
 // WARNING: all those constants must be declared with "let" to allow them to be re-defined if necessary by consumer codes.
 
 // Error box
@@ -46,7 +46,7 @@ export let TOOLTIP_PLAY_STOP = 'Play/stop the game';
 export let TOOLTIP_FLIP = 'Flip the board';
 
 // Movetext
-export let PIECE_SYMBOLS = { 'K':'K', 'Q':'Q', 'R':'R', 'B':'B', 'N':'N', 'P':'P' };
+export let PIECE_SYMBOLS = { K: 'K', Q: 'Q', R: 'R', B: 'B', N: 'N', P: 'P' };
 export let ANNOTATED_BY = 'Annotated by {0}';
 export let INVALID_PGN_ERROR_TITLE = 'Invalid PGN string.';
 

package/src/icons/AnnotationSymbolShape.css

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *

package/src/icons/AnnotationSymbolShape.tsx

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *
@@ -38,27 +38,27 @@ interface AnnotationSymbolShapeProps {
     /**
      * X-coordinate of the center of the symbol.
      */
-    x: number;
+    x: number,
 
     /**
      * Y-coordinate of the center of the symbol.
      */
-    y: number;
+    y: number,
 
     /**
      * Size of the symbol (i.e. size of square in which the symbol is rendered).
      */
-    size: number;
+    size: number,
 
     /**
      * Symbol code.
      */
-    symbol: AnnotationSymbol;
+    symbol: AnnotationSymbol,
 
     /**
      * [CSS color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) to use to colorize the shape (for example: `'green'`, `'#ff0000'`...).
      */
-    color: string;
+    color: string,
 }
 
 

package/src/icons/ArrowMarkerIcon.tsx

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *
@@ -41,12 +41,12 @@ export interface ArrowMarkerIconProps {
     /**
      * Width and height (in pixels) of the icon.
      */
-    size: number;
+    size: number,
 
     /**
      * [CSS color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) to use to colorize the icon (for example: `'green'`, `'#ff0000'`...).
      */
-    color: string;
+    color: string,
 }
 
 
@@ -75,8 +75,12 @@ export class ArrowMarkerIcon extends React.Component<ArrowMarkerIconProps> {
                 <defs>
                     <ArrowTip id={this.arrowTipId} color={this.props.color} />
                 </defs>
-                <line className="kokopu-arrow" x1={halfThickness} y1={size / 2} x2={size - halfThickness * 3} y2={size / 2} stroke={color}
-                    strokeWidth={halfThickness * 2} markerEnd={`url(#${this.arrowTipId})`} />
+                <line
+                    className="kokopu-arrow"
+                    x1={halfThickness} y1={size / 2} x2={size - halfThickness * 3} y2={size / 2}
+                    stroke={color} strokeWidth={halfThickness * 2}
+                    markerEnd={`url(#${this.arrowTipId})`}
+                />
             </svg>
         );
     }

package/src/icons/ArrowTip.tsx

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *
@@ -30,12 +30,12 @@ interface ArrowTipProps {
     /**
      * ID of the element.
      */
-    id: string;
+    id: string,
 
     /**
      * [CSS color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) to use to colorize the shape (for example: `'green'`, `'#ff0000'`...).
      */
-    color: string;
+    color: string,
 }
 
 

package/src/icons/ChessPieceIcon.tsx

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *
@@ -35,29 +35,24 @@ export interface ChessPieceIconProps {
     /**
      * Width and height (in pixels) of each chess piece icon.
      */
-    size: number;
+    size: number,
 
     /**
      * Chess piece(s) to display.
      */
-    type: ChessPieceIconType | ChessPieceIconType[];
+    type: ChessPieceIconType | ChessPieceIconType[],
 
     /**
      * Piece theme ID. Must be a property of `Chessboard.piecesets()`.
      */
-    pieceset: string;
+    pieceset?: string,
 }
 
 
-const defaultProps: Partial<ChessPieceIconProps> = {
-    pieceset: DEFAULT_PIECESET,
-};
-
-
 /**
  * SVG icon representing a colored chess piece, or a list of colored chess pieces.
  */
-export function ChessPieceIcon({ size, type, pieceset }: ChessPieceIconProps) {
+export function ChessPieceIcon({ size, type, pieceset = DEFAULT_PIECESET }: ChessPieceIconProps) {
 
     // Sanitize the inputs.
     size = sanitizeBoundedInteger(size, MIN_SQUARE_SIZE, MAX_SQUARE_SIZE, () => new IllegalArgument('ChessPieceIcon', 'size'));
@@ -77,8 +72,6 @@ export function ChessPieceIcon({ size, type, pieceset }: ChessPieceIconProps) {
     );
 }
 
-ChessPieceIcon.defaultProps = defaultProps;
-
 
 /**
  * Sanitization method for the small-screen limits parameter.

package/src/icons/SquareMarkerIcon.tsx

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *
@@ -36,24 +36,19 @@ export interface SquareMarkerIconProps {
     /**
      * Width and height (in pixels) of the icon.
      */
-    size: number;
+    size: number,
 
     /**
      * [CSS color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) to use to colorize the icon (for example: `'green'`, `'#ff0000'`...).
      */
-    color: string;
+    color?: string,
 }
 
 
-const defaultProps: Partial<SquareMarkerIconProps> = {
-    color: 'currentcolor',
-};
-
-
 /**
  * SVG icon representing a square marker.
  */
-export function SquareMarkerIcon({ size, color }: SquareMarkerIconProps) {
+export function SquareMarkerIcon({ size, color = 'currentcolor' }: SquareMarkerIconProps) {
 
     // Sanitize the inputs.
     size = sanitizeBoundedInteger(size, MIN_SQUARE_SIZE, MAX_SQUARE_SIZE, () => new IllegalArgument('SquareMarkerIcon', 'size'));
@@ -68,5 +63,3 @@ export function SquareMarkerIcon({ size, color }: SquareMarkerIconProps) {
         </svg>
     );
 }
-
-SquareMarkerIcon.defaultProps = defaultProps;

package/src/icons/TextMarkerIcon.tsx

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *
@@ -36,29 +36,24 @@ export interface TextMarkerIconProps {
     /**
      * Width and height (in pixels) of the icon.
      */
-    size: number;
+    size: number,
 
     /**
      * Symbol to represent on the icon.
      */
-    symbol: AnnotationSymbol;
+    symbol: AnnotationSymbol,
 
     /**
      * [CSS color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) to use to colorize the icon (for example: `'green'`, `'#ff0000'`...).
      */
-    color: string;
+    color?: string,
 }
 
 
-const defaultProps: Partial<TextMarkerIconProps> = {
-    color: 'currentcolor',
-};
-
-
 /**
  * SVG icon representing a text marker.
  */
-export function TextMarkerIcon({ size, symbol, color }: TextMarkerIconProps) {
+export function TextMarkerIcon({ size, symbol, color = 'currentcolor' }: TextMarkerIconProps) {
 
     // Sanitize the inputs.
     size = sanitizeBoundedInteger(size, MIN_SQUARE_SIZE, MAX_SQUARE_SIZE, () => new IllegalArgument('TextMarkerIcon', 'size'));
@@ -75,5 +70,3 @@ export function TextMarkerIcon({ size, symbol, color }: TextMarkerIconProps) {
         </svg>
     );
 }
-
-TextMarkerIcon.defaultProps = defaultProps;

package/src/icons/arrow.css

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *

package/src/index.ts

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *

package/src/movetext/Movetext.css

@@ -3,7 +3,7 @@
  *                                                                            *
  *    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>       *
+ *    Copyright (C) 2021-2025  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      *