kokopu-react 1.7.0 → 1.7.1

package/CHANGELOG.md

@@ -1,6 +1,11 @@
 ChangeLog
 =========
 
+1.7.1 (June 23, 2022)
+---------------------
+* `React` and `kokopu` declared as peer dependencies.
+* Minor fixes.
+
 1.7.0 (June 22, 2022)
 ---------------------
 * Upgrade React to React 18.

package/dist/lib/Chessboard.js

@@ -286,7 +286,7 @@ var Chessboard = /*#__PURE__*/function (_React$Component) {
 
       var thickness = Math.max(2, Math.round(HOVER_MARKER_THICKNESS_FACTOR * squareSize));
       var size = squareSize - thickness;
-      var color = this.props.interactionMode === 'editArrows' ? this.props.editedArrowColor : this.props.moveArrowColor;
+      var color = this.isEditArrowModeEnabled() ? this.props.editedArrowColor : this.props.moveArrowColor;
       return /*#__PURE__*/_react["default"].createElement("rect", {
         className: "kokopu-hoveredSquare",
         x: x + thickness / 2,
@@ -1170,7 +1170,7 @@ Chessboard.propTypes = {
   /**
    * Square markers, defined as a "square -> color" struct (e.g. `{ e4: 'g', d5: 'r' }`) or as a comma-separated CSL string (e.g. `'Rd5,Ge4'`).
    */
-  squareMarkers: _propTypes["default"].oneOfType([_propTypes["default"].objectOf(_propTypes["default"].oneOf(['g', 'r', 'y'])), _propTypes["default"].string]),
+  squareMarkers: _propTypes["default"].oneOfType([_propTypes["default"].objectOf(_propTypes["default"].oneOf(['b', 'g', 'r', 'y'])), _propTypes["default"].string]),
 
   /**
    * Text markers, defined as a "square -> (symbol, color)" struct (e.g. `{ e4: { symbol: 'A', color: 'g' }, d5: { symbol: 'z', color: 'r' }}`)
@@ -1178,14 +1178,14 @@ Chessboard.propTypes = {
    */
   textMarkers: _propTypes["default"].oneOfType([_propTypes["default"].objectOf(_propTypes["default"].shape({
     symbol: _propTypes["default"].string.isRequired,
-    color: _propTypes["default"].oneOf(['g', 'r', 'y']).isRequired
+    color: _propTypes["default"].oneOf(['b', 'g', 'r', 'y']).isRequired
   })), _propTypes["default"].string]),
 
   /**
    * Arrow markers, defined as a "squareFromSquareTo -> color" struct (e.g. `{ e2e4: 'g', g8f6: 'r', g8h6: 'y' }`)
    * or as a comma-separated CAL string (e.g. `'Ge2e4,Rg8f6,Yg8h6'`).
    */
-  arrowMarkers: _propTypes["default"].oneOfType([_propTypes["default"].objectOf(_propTypes["default"].oneOf(['g', 'r', 'y'])), _propTypes["default"].string]),
+  arrowMarkers: _propTypes["default"].oneOfType([_propTypes["default"].objectOf(_propTypes["default"].oneOf(['b', 'g', 'r', 'y'])), _propTypes["default"].string]),
 
   /**
    * Whether the board is flipped (i.e. seen from Black's point of view) or not.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "kokopu-react",
-	"version": "1.7.0",
+	"version": "1.7.1",
 	"description": "A React-based library to create and display chessboard and chess-related components.",
 	"keywords": [
 		"chess",
@@ -30,11 +30,13 @@
 		".eslint.yml",
 		".nycrc.yml"
 	],
+	"peerDependencies": {
+		"kokopu": "^2.6.0",
+		"react": "17.x.x || 18.x.x"
+	},
 	"dependencies": {
 		"htmlparser2": "^8.0.1",
-		"kokopu": "^2.9.0",
 		"prop-types": "^15.8.1",
-		"react": "^18.2.0",
 		"react-draggable": "^4.4.5",
 		"react-motion": "^0.5.2"
 	},
@@ -55,12 +57,14 @@
 		"eslint-plugin-react": "^7.30.0",
 		"html-webpack-plugin": "^5.5.0",
 		"img-diff-js": "^0.5.2",
+		"kokopu": "^2.9.0",
 		"mocha": "^10.0.0",
 		"null-loader": "^4.0.1",
 		"nyc": "^15.1.0",
+		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-styleguidist": "^11.2.0",
-		"selenium-webdriver": "^4.1.2",
+		"selenium-webdriver": "^4.2.0",
 		"ssh2-sftp-client": "^9.0.1",
 		"style-loader": "^3.3.1",
 		"unit.js": "^2.1.1",

package/scripts/docker-compose.yml

@@ -2,7 +2,7 @@ version: "3.7"
 
 services:
   web-client:
-    image: selenium/standalone-firefox:4.1.4-20220427
+    image: selenium/standalone-firefox:4.2.2-20220622
     shm_size: '2gb'
     ports:
       - 4444:4444 # http://localhost:4444 (driver)

package/src/Chessboard.js

@@ -213,7 +213,7 @@ export default class Chessboard extends React.Component {
 		let { x, y } = this.getSquareCoordinates(squareSize, this.state.hoveredSquare);
 		let thickness = Math.max(2, Math.round(HOVER_MARKER_THICKNESS_FACTOR * squareSize));
 		let size = squareSize - thickness;
-		let color = this.props.interactionMode === 'editArrows' ? this.props.editedArrowColor : this.props.moveArrowColor;
+		let color = this.isEditArrowModeEnabled() ? this.props.editedArrowColor : this.props.moveArrowColor;
 		return <rect className="kokopu-hoveredSquare" x={x + thickness/2} y={y + thickness/2} width={size} height={size} stroke={colorset['c' + color]} strokeWidth={thickness} />;
 	}
 
@@ -791,7 +791,7 @@ Chessboard.propTypes = {
 	 * Square markers, defined as a "square -> color" struct (e.g. `{ e4: 'g', d5: 'r' }`) or as a comma-separated CSL string (e.g. `'Rd5,Ge4'`).
 	 */
 	squareMarkers: PropTypes.oneOfType([
-		PropTypes.objectOf(PropTypes.oneOf([ 'g', 'r', 'y' ])),
+		PropTypes.objectOf(PropTypes.oneOf([ 'b', 'g', 'r', 'y' ])),
 		PropTypes.string
 	]),
 
@@ -802,7 +802,7 @@ Chessboard.propTypes = {
 	textMarkers: PropTypes.oneOfType([
 		PropTypes.objectOf(PropTypes.shape({
 			symbol: PropTypes.string.isRequired,
-			color: PropTypes.oneOf([ 'g', 'r', 'y' ]).isRequired
+			color: PropTypes.oneOf([ 'b', 'g', 'r', 'y' ]).isRequired
 		})),
 		PropTypes.string
 	]),
@@ -812,7 +812,7 @@ Chessboard.propTypes = {
 	 * or as a comma-separated CAL string (e.g. `'Ge2e4,Rg8f6,Yg8h6'`).
 	 */
 	arrowMarkers: PropTypes.oneOfType([
-		PropTypes.objectOf(PropTypes.oneOf([ 'g', 'r', 'y' ])),
+		PropTypes.objectOf(PropTypes.oneOf([ 'b', 'g', 'r', 'y' ])),
 		PropTypes.string
 	]),