@gamepark/react-game 6.38.0 → 6.38.2

package/dist/components/Header/Header.js

@@ -39,7 +39,7 @@ exports.Header = Header;
 var headerPadding = 10; // em
 var fontSize = 4.5; // em
 var headerStyle = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 7em;\n  background-color: rgba(0, 0, 0, 0.5);\n  color: white;\n  text-align: center;\n  padding: 0 ", "em;\n  overflow: hidden;\n"], ["\n  position: absolute;\n  width: 100%;\n  height: 7em;\n  background-color: rgba(0, 0, 0, 0.5);\n  color: white;\n  text-align: center;\n  padding: 0 ", "em;\n  overflow: hidden;\n"])), headerPadding);
-var titleStyle = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  margin: 0.2em 0;\n  font-size: ", "em;\n"], ["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  margin: 0.2em 0;\n  font-size: ", "em;\n"])), fontSize);
+var titleStyle = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  margin: 0.2em 0;\n  font-size: ", "em;\n  \n  img {\n    height: 1em;\n    position: relative;\n    top: 0.1em;\n  }\n"], ["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  margin: 0.2em 0;\n  font-size: ", "em;\n  \n  img {\n    height: 1em;\n    position: relative;\n    top: 0.1em;\n  }\n"])), fontSize);
 var defaultButtonsCss = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n  padding: 0 0.5em;\n  font-weight: bold;\n"], ["\n  ", ";\n  padding: 0 0.5em;\n  font-weight: bold;\n"])), (0, css_1.buttonCss)('#ffffff', '#555555', '#888888'));
 var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=Header.js.map

package/dist/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAyE;AAEzE,iCAAqC;AAM9B,IAAM,MAAM,GAAG,UAAC,EAAmE;IAAjE,IAAA,kBAA8B,EAA9B,UAAU,mBAAG,iBAAiB,KAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAApD,0BAAsD,CAAF;IAAoB,OAAA,CAC7F,uBAAC,qBAAa,aAAC,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,uBAAM,KAAK,KAAE,OAAO,EAAE,UAAU,IAAG,EAAnC,CAAmC,gBAChE,yCAAK,GAAG,EAAE,WAAW,IAAM,KAAK,cAC9B,wCAAI,GAAG,EAAE,UAAU,gBAAG,QAAQ,IAAM,IAChC,IACQ,CACjB,CAAA;CAAA,CAAA;AANY,QAAA,MAAM,UAMlB;AAED,IAAM,aAAa,GAAG,EAAE,CAAA,CAAC,KAAK;AAC9B,IAAM,QAAQ,GAAG,GAAG,CAAA,CAAC,KAAK;AAE1B,IAAM,WAAW,OAAG,WAAG,2PAAA,yJAOR,EAAa,4BAE3B,KAFc,aAAa,CAE3B,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,2LAAA,8GAKP,EAAQ,OACtB,KADc,QAAQ,CACtB,CAAA;AAED,IAAM,iBAAiB,OAAG,WAAG,4HAAA,MACzB,EAA0C,gDAG7C,KAHG,IAAA,eAAS,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAG7C,CAAA"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAyE;AAEzE,iCAAqC;AAM9B,IAAM,MAAM,GAAG,UAAC,EAAmE;IAAjE,IAAA,kBAA8B,EAA9B,UAAU,mBAAG,iBAAiB,KAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAApD,0BAAsD,CAAF;IAAoB,OAAA,CAC7F,uBAAC,qBAAa,aAAC,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,uBAAM,KAAK,KAAE,OAAO,EAAE,UAAU,IAAG,EAAnC,CAAmC,gBAChE,yCAAK,GAAG,EAAE,WAAW,IAAM,KAAK,cAC9B,wCAAI,GAAG,EAAE,UAAU,gBAAG,QAAQ,IAAM,IAChC,IACQ,CACjB,CAAA;CAAA,CAAA;AANY,QAAA,MAAM,UAMlB;AAED,IAAM,aAAa,GAAG,EAAE,CAAA,CAAC,KAAK;AAC9B,IAAM,QAAQ,GAAG,GAAG,CAAA,CAAC,KAAK;AAE1B,IAAM,WAAW,OAAG,WAAG,2PAAA,yJAOR,EAAa,4BAE3B,KAFc,aAAa,CAE3B,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,yQAAA,8GAKP,EAAQ,qFAOtB,KAPc,QAAQ,CAOtB,CAAA;AAED,IAAM,iBAAiB,OAAG,WAAG,4HAAA,MACzB,EAA0C,gDAG7C,KAHG,IAAA,eAAS,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAG7C,CAAA"}

package/dist/components/Header/HeaderText.d.ts

@@ -0,0 +1,11 @@
+/** @jsxImportSource @emotion/react */
+import { MaterialMove } from '@gamepark/rules-api';
+import { ReactElement } from 'react';
+type Props = {
+    code: string;
+    values?: Record<string, any>;
+    components?: Record<string, ReactElement>;
+    moves?: Record<string, (move: MaterialMove) => boolean>;
+};
+export declare const HeaderText: ({ code, values, components, moves }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Header/HeaderText.js

@@ -0,0 +1,40 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderText = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_i18next_1 = require("react-i18next");
+var hooks_1 = require("../../hooks");
+var buttons_1 = require("../buttons");
+var HeaderText = function (_a) {
+    var code = _a.code, _b = _a.values, values = _b === void 0 ? {} : _b, _c = _a.components, components = _c === void 0 ? {} : _c, _d = _a.moves, moves = _d === void 0 ? {} : _d;
+    var rules = (0, hooks_1.useRules)();
+    var me = (0, hooks_1.usePlayerId)();
+    var activePlayers = rules.activePlayers;
+    var player = (0, hooks_1.usePlayerName)(activePlayers[0]);
+    var legalMoves = (0, hooks_1.useLegalMoves)();
+    if (me !== undefined && activePlayers.includes(me)) {
+        for (var key in moves) {
+            components[key] = (0, jsx_runtime_1.jsx)(buttons_1.PlayMoveButton, { move: legalMoves.find(moves[key]) });
+        }
+        return (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "header.".concat(code, ".you"), values: values, components: components });
+    }
+    else if (activePlayers.length === 1) {
+        return (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "header.".concat(code, ".player"), values: __assign(__assign({}, values), { player: player }), components: components });
+    }
+    else {
+        return (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "header.".concat(code, ".players"), values: values, components: components });
+    }
+};
+exports.HeaderText = HeaderText;
+//# sourceMappingURL=HeaderText.js.map

package/dist/components/Header/HeaderText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderText.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAGA,+CAAqC;AACrC,qCAAiF;AACjF,sCAA2C;AASpC,IAAM,UAAU,GAAG,UAAC,EAAyD;QAAvD,IAAI,UAAA,EAAE,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA;IACzE,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAkB,CAAA;IACxC,IAAM,EAAE,GAAG,IAAA,mBAAW,GAAE,CAAA;IACxB,IAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAA;IACzC,IAAM,MAAM,GAAG,IAAA,qBAAa,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;IAC9C,IAAM,UAAU,GAAG,IAAA,qBAAa,GAAE,CAAA;IAClC,IAAI,EAAE,KAAK,SAAS,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;QAClD,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;YACvB,UAAU,CAAC,GAAG,CAAC,GAAG,uBAAC,wBAAc,IAAC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAA;SACvE;QACD,OAAO,uBAAC,qBAAK,IAAC,QAAQ,EAAE,iBAAU,IAAI,SAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAG,CAAA;KACxF;SAAM,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;QACrC,OAAO,uBAAC,qBAAK,IAAC,QAAQ,EAAE,iBAAU,IAAI,YAAS,EAAE,MAAM,wBAAO,MAAM,KAAE,MAAM,QAAA,KAAI,UAAU,EAAE,UAAU,GAAG,CAAA;KAC1G;SAAM;QACL,OAAO,uBAAC,qBAAK,IAAC,QAAQ,EAAE,iBAAU,IAAI,aAAU,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAG,CAAA;KAC5F;AACH,CAAC,CAAA;AAhBY,QAAA,UAAU,cAgBtB"}

package/dist/components/Header/PlayerTurnHeader.d.ts

@@ -0,0 +1,11 @@
+/** @jsxImportSource @emotion/react */
+import { MaterialMove } from '@gamepark/rules-api';
+import { ReactElement } from 'react';
+type Props = {
+    code: string;
+    values?: Record<string, string>;
+    components?: Record<string, ReactElement>;
+    moves?: Record<string, (move: MaterialMove) => boolean>;
+};
+export declare const PlayerTurnHeader: ({ code, values, components, moves }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Header/PlayerTurnHeader.js

@@ -0,0 +1,37 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayerTurnHeader = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_i18next_1 = require("react-i18next");
+var hooks_1 = require("../../hooks");
+var buttons_1 = require("../buttons");
+var PlayerTurnHeader = function (_a) {
+    var code = _a.code, _b = _a.values, values = _b === void 0 ? {} : _b, _c = _a.components, components = _c === void 0 ? {} : _c, _d = _a.moves, moves = _d === void 0 ? {} : _d;
+    var me = (0, hooks_1.usePlayerId)();
+    var rules = (0, hooks_1.useRules)();
+    var activePlayer = rules.activePlayer;
+    var player = (0, hooks_1.usePlayerName)(activePlayer);
+    var legalMoves = (0, hooks_1.useLegalMoves)();
+    for (var key in moves) {
+        components[key] = (0, jsx_runtime_1.jsx)(buttons_1.PlayMoveButton, { move: legalMoves.find(moves[key]) });
+    }
+    if (me === activePlayer) {
+        return (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "header.".concat(code, ".you"), values: values, components: components });
+    }
+    else {
+        return (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "header.".concat(code, ".player"), values: __assign(__assign({}, values), { player: player }), components: components });
+    }
+};
+exports.PlayerTurnHeader = PlayerTurnHeader;
+//# sourceMappingURL=PlayerTurnHeader.js.map

package/dist/components/Header/PlayerTurnHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerTurnHeader.js","sourceRoot":"","sources":["../../../src/components/Header/PlayerTurnHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAGA,+CAAqC;AACrC,qCAAiF;AACjF,sCAA2C;AASpC,IAAM,gBAAgB,GAAG,UAAC,EAAyD;QAAvD,IAAI,UAAA,EAAE,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA;IAC/E,IAAM,EAAE,GAAG,IAAA,mBAAW,GAAE,CAAA;IACxB,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAkB,CAAA;IACxC,IAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAAA;IACvC,IAAM,MAAM,GAAG,IAAA,qBAAa,EAAC,YAAY,CAAC,CAAA;IAC1C,IAAM,UAAU,GAAG,IAAA,qBAAa,GAAE,CAAA;IAClC,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;QACvB,UAAU,CAAC,GAAG,CAAC,GAAG,uBAAC,wBAAc,IAAC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAA;KACvE;IACD,IAAI,EAAE,KAAK,YAAY,EAAE;QACvB,OAAO,uBAAC,qBAAK,IAAC,QAAQ,EAAE,iBAAU,IAAI,SAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAG,CAAA;KACxF;SAAM;QACL,OAAO,uBAAC,qBAAK,IAAC,QAAQ,EAAE,iBAAU,IAAI,YAAS,EAAE,MAAM,wBAAO,MAAM,KAAE,MAAM,QAAA,KAAI,UAAU,EAAE,UAAU,GAAG,CAAA;KAC1G;AACH,CAAC,CAAA;AAdY,QAAA,gBAAgB,oBAc5B"}

package/dist/components/Header/SimultaneousHeader.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+type Props = {
+    code: string;
+    values?: Record<string, string>;
+    components?: Record<string, ReactElement>;
+};
+export declare const SimultaneousHeader: ({ code, values, components }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Header/SimultaneousHeader.js

@@ -0,0 +1,35 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimultaneousHeader = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_i18next_1 = require("react-i18next");
+var hooks_1 = require("../../hooks");
+var SimultaneousHeader = function (_a) {
+    var code = _a.code, _b = _a.values, values = _b === void 0 ? {} : _b, components = _a.components;
+    var rules = (0, hooks_1.useRules)();
+    var me = (0, hooks_1.usePlayerId)();
+    var activePlayers = rules.activePlayers;
+    var player = (0, hooks_1.usePlayerName)(activePlayers[0]);
+    if (me !== undefined && activePlayers.includes(me)) {
+        return (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "header.".concat(code, ".you"), values: values, components: components });
+    }
+    else if (activePlayers.length === 1) {
+        return (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "header.".concat(code, ".player"), values: __assign(__assign({}, values), { player: player }), components: components });
+    }
+    else {
+        return (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "header.".concat(code, ".players"), values: values, components: components });
+    }
+};
+exports.SimultaneousHeader = SimultaneousHeader;
+//# sourceMappingURL=SimultaneousHeader.js.map

package/dist/components/Header/SimultaneousHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimultaneousHeader.js","sourceRoot":"","sources":["../../../src/components/Header/SimultaneousHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAGA,+CAAqC;AACrC,qCAAkE;AAQ3D,IAAM,kBAAkB,GAAG,UAAC,EAAwC;QAAtC,IAAI,UAAA,EAAE,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,UAAU,gBAAA;IAChE,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAkB,CAAA;IACxC,IAAM,EAAE,GAAG,IAAA,mBAAW,GAAE,CAAA;IACxB,IAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAA;IACzC,IAAM,MAAM,GAAG,IAAA,qBAAa,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;IAC9C,IAAI,EAAE,KAAK,SAAS,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;QAClD,OAAO,uBAAC,qBAAK,IAAC,QAAQ,EAAE,iBAAU,IAAI,SAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAG,CAAA;KACxF;SAAM,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;QACrC,OAAO,uBAAC,qBAAK,IAAC,QAAQ,EAAE,iBAAU,IAAI,YAAS,EAAE,MAAM,wBAAO,MAAM,KAAE,MAAM,QAAA,KAAI,UAAU,EAAE,UAAU,GAAG,CAAA;KAC1G;SAAM;QACL,OAAO,uBAAC,qBAAK,IAAC,QAAQ,EAAE,iBAAU,IAAI,aAAU,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAG,CAAA;KAC5F;AACH,CAAC,CAAA;AAZY,QAAA,kBAAkB,sBAY9B"}

package/dist/components/Header/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Header';
+export * from './HeaderText';
 export * from './MaterialHeader';

package/dist/components/Header/index.js

@@ -15,5 +15,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Header"), exports);
+__exportStar(require("./HeaderText"), exports);
 __exportStar(require("./MaterialHeader"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/Header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,mDAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,+CAA4B;AAC5B,mDAAgC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gamepark/react-game",
-  "version": "6.38.0",
+  "version": "6.38.2",
   "description": "React components & tools to create a Board Game user interface for Game Park",
   "author": "Romain Fromi <romain@game-park.com> (https://game-park.com/)",
   "license": "ISC",