kokopu-react 1.3.1 → 1.5.0

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      *
@@ -22,6 +22,11 @@
 
 .kokopu-coordinate {
 	fill: currentcolor;
+	font-style: normal;
+	font-family: sans-serif;
+	text-anchor: middle;
+	dominant-baseline: central;
+	letter-spacing: 0px;
 }
 
 .kokopu-annotation {

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      *
@@ -36,6 +36,17 @@
 	font-style: italic;
 }
 
-.kokopu-errorMessage {
+.kokopu-errorMessage,
+.kokopu-errorExcerpt {
 	margin-top: 0.4em;
 }
+
+.kokopu-errorExcerpt {
+	white-space: pre-wrap;
+	font-family: monospace;
+	line-height: 1.5em;
+	color: #400;
+	background-color: #ffd;
+	border: solid 1px #aa0;
+	padding: 0.75em 1em 0.15em;
+}

package/dist/lib/css/fonts.css

@@ -0,0 +1,34 @@
+/******************************************************************************
+ *                                                                            *
+ *    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/>.                                         *
+ *                                                                            *
+ ******************************************************************************/
+
+
+@font-face {
+	font-family: 'Chess Alpha';
+	src:
+		url('../fonts/chessalpha.woff2') format('woff2'),
+		url('../fonts/chessalpha.woff') format('woff');
+	font-weight: normal;
+	font-style: normal;
+}
+
+.kokopu-font-alpha {
+	font-family: 'Chess Alpha', sans-serif;
+}

package/dist/lib/css/movetext.css

@@ -0,0 +1,117 @@
+/******************************************************************************
+ *                                                                            *
+ *    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-colorTag {
+	width : 1.2em;
+	height: 1.2em;
+	vertical-align: middle;
+	display: inline-block;
+	border: 1px solid black;
+	margin-right: 0.25em;
+}
+
+.kokopu-headerGroup-whitePlayer .kokopu-colorTag {
+	background-color: white;
+} 
+
+.kokopu-headerGroup-blackPlayer .kokopu-colorTag {
+	background-color: black;
+}
+
+.kokopu-headerGroup-titleRating:before,
+.kokopu-header-round:before {
+	content: "\a0("; /* \a0 == &nbsp; */
+}
+
+.kokopu-headerGroup-titleRating:after,
+.kokopu-header-round:after {
+	content: ")";
+}
+
+.kokopu-header-round,
+.kokopu-header-annotator {
+	font-style: italic;
+}
+
+* + .kokopu-move:before,
+* + .kokopu-gameResult:before,
+* + span.kokopu-comment:before {
+	content: " ";
+}
+
+span.kokopu-variation:before {
+	content: " (";
+}
+
+span.kokopu-variation:after {
+	content: ")";
+}
+
+* + .kokopu-nag:before {
+	content: "\a0"; /* \a0 == &nbsp; */
+}
+
+div.kokopu-subVariation {
+	margin-left: 1.5em;
+}
+
+.kokopu-move,
+.kokopu-gameResult {
+	font-weight: bold;
+}
+
+.kokopu-subVariation .kokopu-move {
+	font-weight: inherit;
+}
+
+.kokopu-diagram {
+	text-align: center;
+	line-height: 0px;
+}
+
+.kokopu-moveContent {
+	display: inline-block;
+	padding-left: 1px;
+	padding-right: 1px;
+}
+
+.kokopu-selectedMove .kokopu-moveContent {
+	background-color: currentcolor;
+}
+
+.kokopu-selectedMove .kokopu-moveContent > * {
+	filter: invert(1);
+}
+
+.kokopu-clickableMove .kokopu-moveContent:hover {
+	text-decoration: underline;
+	cursor: pointer;
+}
+
+.kokopu-focusFieldContainer {
+	position: fixed;
+	bottom: 0px;
+	right: 0px;
+	width: 0px;
+	height: 0px;
+	overflow: hidden;
+}

package/dist/lib/css/{label.css → symbol.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      *
@@ -20,7 +20,11 @@
  ******************************************************************************/
 
 
-.kokopu-label {
+.kokopu-symbolCircle {
+	fill: transparent;
+}
+
+.kokopu-symbolText {
 	font-style: normal;
 	font-family: sans-serif;
 	text-anchor: middle;

package/dist/lib/i18n.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      *
@@ -26,10 +26,25 @@ exports["default"] = void 0;
  *                                                                            *
  ******************************************************************************/
 var i18n = {
+  // Error box
+  LINE: 'line {0}',
+  // Chessboard
   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.'
+  INVALID_MOVE_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "move" attribute.',
+  // Movetext
+  PIECE_SYMBOLS: {
+    'K': 'K',
+    'Q': 'Q',
+    'R': 'R',
+    'B': 'B',
+    'N': 'N',
+    'P': 'P'
+  },
+  ANNOTATED_BY: 'Annotated by {0}',
+  INVALID_PGN_ERROR_TITLE: 'Invalid PGN string.',
+  INVALID_GAME_ATTRIBUTE_ERROR_MESSAGE: 'Invalid "game" 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/HtmlSanitizer.js

@@ -0,0 +1,171 @@
+"use strict";
+
+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
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var htmlparser2 = _interopRequireWildcard(require("htmlparser2"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+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); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+/**
+ * HTML sanitizer: parse HTML string, keeping only the allowed HTML nodes, and the corresponding React object.
+ */
+var HtmlSanitizer = /*#__PURE__*/function () {
+  function HtmlSanitizer(_ref) {
+    var allowedTags = _ref.allowedTags,
+        allowedAttributes = _ref.allowedAttributes;
+
+    _classCallCheck(this, HtmlSanitizer);
+
+    this._allowedTags = allowedTags ? new Set(allowedTags) : new Set();
+    this._allowedAttributes = allowedAttributes ? new Map(Object.entries(allowedAttributes).map(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+          k = _ref3[0],
+          v = _ref3[1];
+
+      return [k, new Set(v)];
+    })) : new Map();
+    this._keyCounter = 0;
+  }
+  /**
+   * @param {string} text HTML string to be parsed.
+   * @returns {*} React object corresponding to the given HTML string. Can also be a fragment, or just a simple string if the given HTML string
+   *          does not contain any HTML tag.
+   */
+
+
+  _createClass(HtmlSanitizer, [{
+    key: "parse",
+    value: function parse(text) {
+      var _this = this;
+
+      var dom = htmlparser2.parseDocument(text); // Ensure that the returned object is a non-empty node type.
+
+      if (dom.type !== 'root') {
+        return undefined;
+      } // Process the children of the root node.
+
+
+      var result = [];
+      dom.children.forEach(function (child) {
+        var childElement = _this._processNode(child);
+
+        if (childElement) {
+          result.push(childElement);
+        }
+      }); // Return the result.
+
+      if (result.length === 0) {
+        return undefined;
+      } else if (result.length === 1) {
+        return result[0];
+      } else {
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
+          key: this._allocateKey()
+        }, result);
+      }
+    }
+  }, {
+    key: "_processNode",
+    value: function _processNode(node) {
+      var _this2 = this;
+
+      if (node.type === 'text') {
+        return node.data;
+      } else if (node.type === 'tag') {
+        var children = node.children.map(function (child) {
+          return _this2._processNode(child);
+        });
+
+        if (this._allowedTags.has(node.name)) {
+          var attributes = this._filterAttributes(node.name, node.attribs);
+
+          attributes['key'] = this._allocateKey();
+          return /*#__PURE__*/_react["default"].createElement(node.name, attributes, children);
+        } else {
+          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
+            key: this._allocateKey()
+          }, children);
+        }
+      } else {
+        return undefined;
+      }
+    }
+  }, {
+    key: "_filterAttributes",
+    value: function _filterAttributes(nodeName, attributes) {
+      var result = {};
+
+      for (var _i2 = 0, _Object$entries = Object.entries(attributes); _i2 < _Object$entries.length; _i2++) {
+        var _Object$entries$_i = _slicedToArray(_Object$entries[_i2], 2),
+            attribute = _Object$entries$_i[0],
+            value = _Object$entries$_i[1];
+
+        if (this._isAttributeAllowed(nodeName, attribute)) {
+          result[attribute === 'class' ? 'className' : attribute] = value;
+        }
+      }
+
+      return result;
+    }
+  }, {
+    key: "_isAttributeAllowed",
+    value: function _isAttributeAllowed(nodeName, attribute) {
+      if (attribute === 'key' && attribute === 'ref' && attribute === 'className') {
+        // Those attributes are always forbidden.
+        return false;
+      }
+
+      var allowedAttributesForCurrent = this._allowedAttributes.get(nodeName);
+
+      if (allowedAttributesForCurrent && allowedAttributesForCurrent.has(attribute)) {
+        return true;
+      }
+
+      var allowedAttributesForAll = this._allowedAttributes.get('*');
+
+      if (allowedAttributesForAll && allowedAttributesForAll.has(attribute)) {
+        return true;
+      }
+
+      return false;
+    }
+  }, {
+    key: "_allocateKey",
+    value: function _allocateKey() {
+      return 'auto-' + this._keyCounter++;
+    }
+  }]);
+
+  return HtmlSanitizer;
+}();
+
+exports["default"] = HtmlSanitizer;

package/dist/lib/impl/TextSymbol.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TextSymbol;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+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-symbolText",
+      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      *