kokopu-react 1.2.0 → 1.4.1

package/CHANGELOG.md

@@ -1,6 +1,23 @@
 ChangeLog
 =========
 
+1.4.1 (January 1, 2022)
+-----------------------
+* Upgrade dependencies.
+
+1.4.0 (October 21, 2021)
+------------------------
+* Add support for plus/times/dot/circle in text markers.
+
+1.3.1 (September 27, 2021)
+--------------------------
+* Fix missing export for `ErrorBox`.
+
+1.3.0 (September 26, 2021)
+--------------------------
+* Expose component `ErrorBox`.
+* Minor fixes in documentation.
+
 1.2.0 (September 13, 2021)
 --------------------------
 * Fix ambiguous castling move issue at Chess960.

package/dist/lib/ArrowMarkerIcon.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -23,9 +23,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
@@ -85,10 +85,8 @@ var ArrowMarkerIcon = /*#__PURE__*/function (_React$Component) {
         x2: size - halfThickness * 3,
         y2: size / 2,
         stroke: this.props.color,
-        style: {
-          'strokeWidth': halfThickness * 2,
-          'markerEnd': "url(#".concat(this.arrowTipId, ")")
-        }
+        strokeWidth: halfThickness * 2,
+        markerEnd: "url(#".concat(this.arrowTipId, ")")
       }));
     }
   }]);

package/dist/lib/Chessboard.js

@@ -21,7 +21,11 @@ var _piecesets2 = _interopRequireDefault(require("./impl/piecesets"));
 
 var _ArrowTip = _interopRequireDefault(require("./impl/ArrowTip"));
 
-var _ErrorBox = _interopRequireDefault(require("./impl/ErrorBox"));
+var _TextSymbol = _interopRequireDefault(require("./impl/TextSymbol"));
+
+var _ErrorBox = _interopRequireDefault(require("./ErrorBox"));
+
+var _i18n = _interopRequireDefault(require("./i18n"));
 
 var _markers = require("./markers");
 
@@ -35,7 +39,7 @@ require("./css/label.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -53,9 +57,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
@@ -133,12 +137,12 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
 
       if (info.positionError) {
         return /*#__PURE__*/_react["default"].createElement(_ErrorBox["default"], {
-          title: "Error while analysing a FEN string.",
+          title: _i18n["default"].INVALID_FEN_ERROR_TITLE,
           message: info.message
         });
       } else if (info.moveError) {
         return /*#__PURE__*/_react["default"].createElement(_ErrorBox["default"], {
-          title: "Invalid move notation.",
+          title: _i18n["default"].INVALID_NOTATION_ERROR_TITLE,
           message: info.message
         });
       }
@@ -406,10 +410,8 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
         x2: xTo,
         y2: yTo,
         stroke: colorset[this.props.editedArrowColor],
-        style: {
-          'strokeWidth': strokeWidth,
-          'markerEnd': "url(#".concat(arrowTipId, ")")
-        }
+        strokeWidth: strokeWidth,
+        markerEnd: "url(#".concat(arrowTipId, ")")
       });
     }
   }, {
@@ -565,16 +567,16 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
 
         x += squareSize / 2;
         y += squareSize / 2;
-        result.push( /*#__PURE__*/_react["default"].createElement("text", {
+        result.push( /*#__PURE__*/_react["default"].createElement("g", {
           key: 'txtm-' + sq,
-          className: "kokopu-annotation kokopu-label",
+          className: "kokopu-annotation"
+        }, /*#__PURE__*/_react["default"].createElement(_TextSymbol["default"], {
           x: x,
           y: y,
-          fill: colorset[value.color],
-          style: {
-            'fontSize': squareSize
-          }
-        }, value.symbol));
+          size: squareSize,
+          symbol: value.symbol,
+          color: colorset[value.color]
+        })));
       });
       return result;
     }
@@ -622,10 +624,8 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
           x2: xTo,
           y2: yTo,
           stroke: colorset[color],
-          style: {
-            'strokeWidth': strokeWidth,
-            'markerEnd': "url(#".concat(arrowTipId, ")")
-          }
+          strokeWidth: strokeWidth,
+          markerEnd: "url(#".concat(arrowTipId, ")")
         }));
       });
       return result;
@@ -661,10 +661,8 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
         x2: x,
         y2: y,
         stroke: colorset['highlight'],
-        style: {
-          'strokeWidth': squareSize * STROKE_THICKNESS_FACTOR,
-          'markerEnd': "url(#".concat(this.getArrowTipId('highlight'), ")")
-        }
+        strokeWidth: squareSize * STROKE_THICKNESS_FACTOR,
+        markerEnd: "url(#".concat(this.getArrowTipId('highlight'), ")")
       });
     }
   }, {
@@ -700,9 +698,7 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
         className: "kokopu-coordinate kokopu-label",
         x: x,
         y: y,
-        style: {
-          'fontSize': fontSize
-        }
+        fontSize: fontSize
       }, label);
     }
   }, {
@@ -716,9 +712,7 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
         className: "kokopu-coordinate kokopu-label",
         x: x,
         y: y,
-        style: {
-          'fontSize': fontSize
-        }
+        fontSize: fontSize
       }, label);
     }
   }, {
@@ -1317,7 +1311,7 @@ function parsePosition(position) {
   } else {
     return {
       error: true,
-      message: 'Invalid "position" attribute.'
+      message: _i18n["default"].INVALID_POSITION_ATTRIBUTE_ERROR_MESSAGE
     };
   }
 }
@@ -1352,7 +1346,7 @@ function parseMove(position, move) {
   } else {
     return {
       error: true,
-      message: 'Invalid "move" attribute.'
+      message: _i18n["default"].INVALID_MOVE_ATTRIBUTE_ERROR_MESSAGE
     };
   }
 }

package/dist/lib/{impl/ErrorBox.js → ErrorBox.js}

@@ -9,14 +9,14 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
-require("../css/error_box.css");
+require("./css/error_box.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/dist/lib/SquareMarkerIcon.js

@@ -16,7 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/dist/lib/TextMarkerIcon.js

@@ -9,16 +9,16 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
-require("./css/label.css");
-
 var _util = require("./impl/util");
 
+var _TextSymbol = _interopRequireDefault(require("./impl/TextSymbol"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *
@@ -52,15 +52,13 @@ function TextMarkerIcon(props) {
     viewBox: viewBox,
     width: size,
     height: size
-  }, /*#__PURE__*/_react["default"].createElement("text", {
-    className: "kokopu-label",
+  }, /*#__PURE__*/_react["default"].createElement(_TextSymbol["default"], {
     x: size / 2,
     y: size / 2,
-    fill: props.color,
-    style: {
-      'fontSize': size
-    }
-  }, props.symbol));
+    size: size,
+    symbol: props.symbol,
+    color: props.color
+  }));
 }
 
 TextMarkerIcon.propTypes = {
@@ -70,7 +68,10 @@ TextMarkerIcon.propTypes = {
   size: _propTypes["default"].number.isRequired,
 
   /**
-   * Symbol to represent on the icon. Must be either a letter (upper-case or lower-case) or a digit.
+   * Symbol to represent on the icon. Must be one of:
+   *  - any letter from A to Z (either upper-case or lower-case),
+   *  - any digit from 0 to 9,
+   *  - any symbol code among `'plus'`, `'times'`, `'dot'`, or `'circle'`.
    */
   symbol: _propTypes["default"].string.isRequired,
 

package/dist/lib/css/arrow.css

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/dist/lib/css/chessboard.css

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/dist/lib/css/error_box.css

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/dist/lib/css/label.css

@@ -1,7 +1,7 @@
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/dist/lib/css/symbol.css

@@ -0,0 +1,25 @@
+/******************************************************************************
+ *                                                                            *
+ *    This file is part of Kokopu-React, a JavaScript chess library.          *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    This program 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.                     *
+ *                                                                            *
+ *    This program 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/>.                                         *
+ *                                                                            *
+ ******************************************************************************/
+
+
+.kokopu-symbolCircle {
+	fill: transparent;
+}

package/dist/lib/i18n.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+/******************************************************************************
+ *                                                                            *
+ *    This file is part of Kokopu-React, a JavaScript chess library.          *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    This program 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.                     *
+ *                                                                            *
+ *    This program 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/>.                                         *
+ *                                                                            *
+ ******************************************************************************/
+var i18n = {
+  INVALID_FEN_ERROR_TITLE: 'Invalid FEN string.',
+  INVALID_NOTATION_ERROR_TITLE: 'Invalid move notation.',
+  INVALID_POSITION_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "position" attribute.',
+  INVALID_MOVE_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "move" attribute.'
+};
+var _default = i18n;
+exports["default"] = _default;

package/dist/lib/impl/ArrowTip.js

@@ -14,7 +14,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *
@@ -43,9 +43,7 @@ function ArrowTip(props) {
     refX: 2.5,
     refY: 2,
     orient: "auto",
-    style: {
-      fill: props.color
-    }
+    fill: props.color
   }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M 4,2 L 0,4 L 1,2 L 0,0 Z"
   }));
@@ -60,8 +58,5 @@ ArrowTip.propTypes = {
   /**
    * Color to use to colorize the shape (for example: `'green'`, `'#ff0000'`...).
    */
-  color: _propTypes["default"].string
-};
-ArrowTip.defaultProps = {
-  color: 'currentcolor'
+  color: _propTypes["default"].string.isRequired
 };

package/dist/lib/impl/TextSymbol.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TextSymbol;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+require("../css/label.css");
+
+require("../css/symbol.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/******************************************************************************
+ *                                                                            *
+ *    This file is part of Kokopu-React, a JavaScript chess library.          *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    This program 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.                     *
+ *                                                                            *
+ *    This program 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/>.                                         *
+ *                                                                            *
+ ******************************************************************************/
+var SHAPE_THICKNESS_FACTOR = 0.1;
+var DOT_RADIUS_FACTOR = 0.15;
+var CIRCLE_RADIUS_FACTOR = 0.425;
+/**
+ * Symbol of a text marker.
+ */
+
+function TextSymbol(props) {
+  if (props.symbol === 'dot') {
+    return /*#__PURE__*/_react["default"].createElement("circle", {
+      cx: props.x,
+      cy: props.y,
+      r: props.size * DOT_RADIUS_FACTOR,
+      fill: props.color
+    });
+  } else if (props.symbol === 'circle') {
+    var thickness = props.size * SHAPE_THICKNESS_FACTOR;
+    return /*#__PURE__*/_react["default"].createElement("circle", {
+      className: "kokopu-symbolCircle",
+      cx: props.x,
+      cy: props.y,
+      r: props.size * CIRCLE_RADIUS_FACTOR,
+      stroke: props.color,
+      strokeWidth: thickness
+    });
+  } else {
+    var symbol = props.symbol === 'plus' ? '+' : props.symbol === 'times' ? "\xD7" : props.symbol;
+    return /*#__PURE__*/_react["default"].createElement("text", {
+      className: "kokopu-label",
+      x: props.x,
+      y: props.y,
+      fill: props.color,
+      fontSize: props.size
+    }, symbol);
+  }
+}
+
+TextSymbol.propTypes = {
+  /**
+   * X-coordinate of the center of the symbol.
+   */
+  x: _propTypes["default"].number.isRequired,
+
+  /**
+   * Y-coordinate of the center of the symbol.
+   */
+  y: _propTypes["default"].number.isRequired,
+
+  /**
+   * Size of the symbol (i.e. size of square in which the symbol is rendered).
+   */
+  size: _propTypes["default"].number.isRequired,
+
+  /**
+   * Symbol code.
+   */
+  symbol: _propTypes["default"].string.isRequired,
+
+  /**
+   * Color to use to colorize the shape (for example: `'green'`, `'#ff0000'`...).
+   */
+  color: _propTypes["default"].string.isRequired
+};

package/dist/lib/impl/colorsets.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/dist/lib/impl/piecesets.js

@@ -174,7 +174,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *

package/dist/lib/impl/util.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.MIN_SQUARE_SIZE = exports.MAX_SQUARE_SIZE = void 0;
 exports.generateRandomId = generateRandomId;
-exports.sanitizeInteger = sanitizeInteger;
-exports.isValidSquare = isValidSquare;
-exports.isValidVector = isValidVector;
 exports.isValidColor = isValidColor;
+exports.isValidSquare = isValidSquare;
 exports.isValidSymbol = isValidSymbol;
-exports.MAX_SQUARE_SIZE = exports.MIN_SQUARE_SIZE = void 0;
+exports.isValidVector = isValidVector;
+exports.sanitizeInteger = sanitizeInteger;
 
 /******************************************************************************
  *                                                                            *
  *    This file is part of Kokopu-React, a JavaScript chess library.          *
- *    Copyright (C) 2021  Yoann Le Montagner <yo35 -at- melix.net>            *
+ *    Copyright (C) 2021-2022  Yoann Le Montagner <yo35 -at- melix.net>       *
  *                                                                            *
  *    This program is free software: you can redistribute it and/or           *
  *    modify it under the terms of the GNU Lesser General Public License      *
@@ -65,5 +65,5 @@ function isValidColor(color) {
 }
 
 function isValidSymbol(symbol) {
-  return /^[A-Za-z0-9]$/.test(symbol);
+  return /^(?:[A-Za-z0-9]|plus|times|dot|circle)$/.test(symbol);
 }