@gamepark/react-game 6.36.7 → 6.36.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -50,7 +50,7 @@ var SpeechBubble = function (_a) {
|
|
|
50
50
|
return speechBubble;
|
|
51
51
|
};
|
|
52
52
|
exports.SpeechBubble = SpeechBubble;
|
|
53
|
-
var speechBubbleCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n width: max-content;\n max-width:
|
|
53
|
+
var speechBubbleCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n width: max-content;\n max-width: 15em;\n background: white;\n border-radius: .4em;\n font-size: 3em;\n padding: 0.2em 0.4em;\n margin: 0;\n z-index: 500;\n pointer-events: none;\n filter:drop-shadow(0 0 0.1rem black);\n\n :after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-style: solid;\n border-color: transparent;\n }\n"], ["\n position: absolute;\n width: max-content;\n max-width: 15em;\n background: white;\n border-radius: .4em;\n font-size: 3em;\n padding: 0.2em 0.4em;\n margin: 0;\n z-index: 500;\n pointer-events: none;\n filter:drop-shadow(0 0 0.1rem black);\n\n :after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-style: solid;\n border-color: transparent;\n }\n"])));
|
|
54
54
|
var getDirectionStyle = function (direction) {
|
|
55
55
|
switch (direction) {
|
|
56
56
|
case SpeechBubbleDirection.TOP_LEFT:
|
|
@@ -76,7 +76,7 @@ var StyledPlayerPanel = function (props) {
|
|
|
76
76
|
return;
|
|
77
77
|
setFocus(playerFocus);
|
|
78
78
|
}, [playerFocus]);
|
|
79
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: panelRef, css: [panelPlayerStyle, panelStyle, backgroundImage && backgroundCss(backgroundImage), playerFocus && pointable, !allCounter.length && noCounterCss], onClick: focusPlayer }, rest, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarStyle, playerId: player.id, speechBubbleProps:
|
|
79
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: panelRef, css: [panelPlayerStyle, panelStyle, backgroundImage && backgroundCss(backgroundImage), playerFocus && pointable, !allCounter.length && noCounterCss], onClick: focusPlayer }, rest, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarStyle, playerId: player.id, speechBubbleProps: { direction: getSpeechBubbleDirection(panelRef), children: typeof speak === 'string' ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: speak }) : speak } }), activeRing && isTurnToPlay && (0, jsx_runtime_1.jsx)("div", __assign({ css: isPlaying }, { children: (0, jsx_runtime_1.jsx)("div", { css: isTurnToPlay && circle }) })), (0, jsx_runtime_1.jsx)("h2", __assign({ css: [nameStyle, data] }, { children: playerName })), !allCounter.length && !gameOver &&
|
|
80
80
|
((0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] })), allCounter.length === 1 && ((0, jsx_runtime_1.jsxs)("div", __assign({ css: groupTimerAndCounter }, { children: [!gameOver && (0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] }), (0, jsx_runtime_1.jsx)(Counters_1.Counters, { counters: allCounter, lineSize: countersPerLine })] }))), allCounter.length > 1 && ((0, jsx_runtime_1.jsxs)("div", __assign({ css: groupTimerAndCounters }, { children: [!gameOver && (0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] }), (0, jsx_runtime_1.jsx)(Counters_1.Counters, { counters: allCounter, lineSize: countersPerLine })] })))] })));
|
|
81
81
|
};
|
|
82
82
|
exports.StyledPlayerPanel = StyledPlayerPanel;
|
|
@@ -86,14 +86,16 @@ var getSpeechBubbleDirection = function (element) {
|
|
|
86
86
|
var rect = element.current.getBoundingClientRect();
|
|
87
87
|
var left = rect.left / ((_b = (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : window.innerWidth);
|
|
88
88
|
var top_1 = rect.top / ((_d = (_c = window.visualViewport) === null || _c === void 0 ? void 0 : _c.height) !== null && _d !== void 0 ? _d : window.innerHeight);
|
|
89
|
-
|
|
90
|
-
|
|
89
|
+
var isLeft = (left > 0.2 && left < 0.5) || left > 0.8;
|
|
90
|
+
var isTop = (top_1 > 0.2 && top_1 < 0.5) || top_1 > 0.8;
|
|
91
|
+
if (isLeft) {
|
|
92
|
+
return isTop ? Avatar_1.SpeechBubbleDirection.TOP_LEFT : Avatar_1.SpeechBubbleDirection.BOTTOM_LEFT;
|
|
91
93
|
}
|
|
92
94
|
else {
|
|
93
|
-
return
|
|
95
|
+
return isTop ? Avatar_1.SpeechBubbleDirection.TOP_RIGHT : Avatar_1.SpeechBubbleDirection.BOTTOM_RIGHT;
|
|
94
96
|
}
|
|
95
97
|
}
|
|
96
|
-
return
|
|
98
|
+
return Avatar_1.SpeechBubbleDirection.BOTTOM_RIGHT;
|
|
97
99
|
};
|
|
98
100
|
var noCounterCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-height: 8.1em;\n"], ["\n min-height: 8.1em;\n"])));
|
|
99
101
|
var groupTimerAndCounter = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-self: flex-end;\n gap: 0.5em;\n"], ["\n display: flex;\n flex-direction: row;\n align-self: flex-end;\n gap: 0.5em;\n"])));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledPlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/StyledPlayerPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAqE;AAGrE,+BAAqF;AACrF,qCAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"StyledPlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/StyledPlayerPanel.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gamepark/react-game",
|
|
3
|
-
"version": "6.36.
|
|
3
|
+
"version": "6.36.8",
|
|
4
4
|
"description": "React components & tools to create a Board Game user interface for Game Park",
|
|
5
5
|
"author": "Romain Fromi <romain@game-park.com> (https://game-park.com/)",
|
|
6
6
|
"license": "ISC",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"@fortawesome/free-solid-svg-icons": "^6.6.0",
|
|
28
28
|
"@fortawesome/react-fontawesome": "^0.2.2",
|
|
29
29
|
"@gamepark/avataaars": "~2.2.0",
|
|
30
|
-
"@gamepark/react-client": "~6.36.
|
|
31
|
-
"@gamepark/rules-api": "~6.36.
|
|
30
|
+
"@gamepark/react-client": "~6.36.8",
|
|
31
|
+
"@gamepark/rules-api": "~6.36.8",
|
|
32
32
|
"dayjs": "^1.11.7",
|
|
33
33
|
"emotion-normalize": "^11.0.1",
|
|
34
34
|
"fscreen": "^1.2.0",
|