@gamepark/react-game 6.38.7 → 7.0.0-beta.3

package/dist/components/PlayerPanel/PlayerPanel.js

@@ -1,56 +1,86 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlayerPanel = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var hooks_1 = require("../../hooks");
-var Avatar_1 = require("../Avatar");
-var GamePoints_1 = require("../GamePoints");
-var PlayerTimer_1 = require("../PlayerTimer");
-var PlayerPanel = function (p) {
-    var _a;
-    var playerId = p.playerId, activeRing = p.activeRing, _b = p.color, color = _b === void 0 ? '#28B8CE' : _b, children = p.children, speak = p.speak, props = __rest(p, ["playerId", "activeRing", "color", "children", "speak"]);
-    var playerName = (0, hooks_1.usePlayerName)(playerId);
-    var rules = (0, hooks_1.useRules)();
-    var isTurnToPlay = (_a = rules === null || rules === void 0 ? void 0 : rules.isTurnToPlay(playerId)) !== null && _a !== void 0 ? _a : false;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: panelPlayerStyle(color, isTurnToPlay) }, props, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarStyle, playerId: playerId, speechBubbleProps: { direction: Avatar_1.SpeechBubbleDirection.BOTTOM_LEFT, 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 }, { children: playerName })), !(rules === null || rules === void 0 ? void 0 : rules.isOver()) && (0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: playerId, css: timerStyle }), (0, jsx_runtime_1.jsx)(GamePoints_1.GamePoints, { playerId: playerId, css: gamePointCss }), children] })));
-};
-exports.PlayerPanel = PlayerPanel;
-var panelPlayerStyle = function (color, active) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  color: black;\n  border: 0.5em solid ", ";\n  border-radius: 3em 1.5em 1.5em 1.5em;\n  box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n"], ["\n  background-color: ", ";\n  color: black;\n  border: 0.5em solid ", ";\n  border-radius: 3em 1.5em 1.5em 1.5em;\n  box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n"])), active ? '#f0fbfc' : '#dddddd', color); };
-var avatarStyle = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 100%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 1;\n"], ["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 100%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 1;\n"])));
-var isPlaying = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 50%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 0;\n"], ["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 50%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 0;\n"])));
-var circleAnimation = (0, react_1.keyframes)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  to {\n    transform: rotateZ(0);\n  }\n  from {\n    transform: rotateZ(360deg);\n  }\n"], ["\n  to {\n    transform: rotateZ(0);\n  }\n  from {\n    transform: rotateZ(360deg);\n  }\n"])));
-var inset = 0.8;
-var circle = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-image: linear-gradient(\n          to bottom, gold 0%,\n          rgb(40, 184, 206) 100%);\n  position: absolute;\n  top: -", "em;\n  bottom: -", "em;\n  right: -", "em;\n  left: -", "em;\n  border-radius: inherit;\n  animation: ", " 1s infinite linear;\n"], ["\n  background-image: linear-gradient(\n          to bottom, gold 0%,\n          rgb(40, 184, 206) 100%);\n  position: absolute;\n  top: -", "em;\n  bottom: -", "em;\n  right: -", "em;\n  left: -", "em;\n  border-radius: inherit;\n  animation: ", " 1s infinite linear;\n"])), inset, inset, inset, inset, circleAnimation);
-var nameStyle = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n  top: 0.3em;\n  left: 3.1em;\n  max-width: 7.3em;\n  font-size: 2.4em;\n  margin: 0;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n"], ["\n  position: absolute;\n  top: 0.3em;\n  left: 3.1em;\n  max-width: 7.3em;\n  font-size: 2.4em;\n  margin: 0;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n"])));
-var timerStyle = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: absolute;\n  top: 1.6em;\n  left: 3.1em;\n  font-size: 2.5em;\n"], ["\n  position: absolute;\n  top: 1.6em;\n  left: 3.1em;\n  font-size: 2.5em;\n"])));
-var gamePointCss = (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: absolute;\n  top: 1.6em;\n  left: 3.1em;\n  font-size: 2.5em;\n"], ["\n  position: absolute;\n  top: 1.6em;\n  left: 3.1em;\n  font-size: 2.5em;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css, keyframes } from '@emotion/react';
+import { usePlayerName, useRules } from '../../hooks';
+import { Avatar, SpeechBubbleDirection } from '../Avatar';
+import { GamePoints } from '../GamePoints';
+import { PlayerTimer } from '../PlayerTimer';
+export const PlayerPanel = (p) => {
+    const { playerId, activeRing, color = '#28B8CE', children, speak, ...props } = p;
+    const playerName = usePlayerName(playerId);
+    const rules = useRules();
+    const isTurnToPlay = rules?.isTurnToPlay(playerId) ?? false;
+    return (_jsxs("div", { css: panelPlayerStyle(color, isTurnToPlay), ...props, children: [_jsx(Avatar, { css: avatarStyle, playerId: playerId, speechBubbleProps: { direction: SpeechBubbleDirection.BOTTOM_LEFT, children: typeof speak === 'string' ? _jsx(_Fragment, { children: speak }) : speak } }), activeRing && isTurnToPlay && _jsx("div", { css: isPlaying, children: _jsx("div", { css: isTurnToPlay && circle }) }), _jsx("h2", { css: nameStyle, children: playerName }), !rules?.isOver() && _jsx(PlayerTimer, { playerId: playerId, css: timerStyle }), _jsx(GamePoints, { playerId: playerId, css: gamePointCss }), children] }));
+};
+const panelPlayerStyle = (color, active) => css `
+  background-color: ${active ? '#f0fbfc' : '#dddddd'};
+  color: black;
+  border: 0.5em solid ${color};
+  border-radius: 3em 1.5em 1.5em 1.5em;
+  box-shadow: 0 0 0.5em black, 0 0 0.5em black;
+`;
+const avatarStyle = css `
+  position: absolute;
+  top: -0.1em;
+  left: 0;
+  border-radius: 100%;
+  height: 6em;
+  width: 6em;
+  color: black;
+  z-index: 1;
+`;
+const isPlaying = css `
+  position: absolute;
+  top: -0.1em;
+  left: 0;
+  border-radius: 50%;
+  height: 6em;
+  width: 6em;
+  color: black;
+  z-index: 0;
+`;
+const circleAnimation = keyframes `
+  to {
+    transform: rotateZ(0);
+  }
+  from {
+    transform: rotateZ(360deg);
+  }
+`;
+const inset = 0.8;
+const circle = css `
+  background-image: linear-gradient(
+          to bottom, gold 0%,
+          rgb(40, 184, 206) 100%);
+  position: absolute;
+  top: -${inset}em;
+  bottom: -${inset}em;
+  right: -${inset}em;
+  left: -${inset}em;
+  border-radius: inherit;
+  animation: ${circleAnimation} 1s infinite linear;
+`;
+const nameStyle = css `
+  position: absolute;
+  top: 0.3em;
+  left: 3.1em;
+  max-width: 7.3em;
+  font-size: 2.4em;
+  margin: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+`;
+const timerStyle = css `
+  position: absolute;
+  top: 1.6em;
+  left: 3.1em;
+  font-size: 2.5em;
+`;
+const gamePointCss = css `
+  position: absolute;
+  top: 1.6em;
+  left: 3.1em;
+  font-size: 2.5em;
+`;
 //# sourceMappingURL=PlayerPanel.js.map

package/dist/components/PlayerPanel/PlayerPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/PlayerPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA+C;AAG/C,qCAAqD;AACrD,oCAAyD;AACzD,4CAA0C;AAC1C,8CAA4C;AASrC,IAAM,WAAW,GAAyB,UAAC,CAAC;;IACzC,IAAA,QAAQ,GAA+D,CAAC,SAAhE,EAAE,UAAU,GAAmD,CAAC,WAApD,EAAE,KAAiD,CAAC,MAAjC,EAAjB,KAAK,mBAAG,SAAS,KAAA,EAAE,QAAQ,GAAsB,CAAC,SAAvB,EAAE,KAAK,GAAe,CAAC,MAAhB,EAAK,KAAK,UAAK,CAAC,EAA1E,wDAAsE,CAAF,CAAM;IAChF,IAAM,UAAU,GAAG,IAAA,qBAAa,EAAC,QAAQ,CAAC,CAAA;IAC1C,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAiB,CAAA;IACvC,IAAM,YAAY,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAC,QAAQ,CAAC,mCAAI,KAAK,CAAA;IAC3D,OAAO,CACL,0CAAK,GAAG,EAAE,gBAAgB,CAAC,KAAK,EAAE,YAAY,CAAC,IAAM,KAAK,eACxD,uBAAC,eAAM,IAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EACpC,iBAAiB,EAAE,EAAE,SAAS,EAAE,8BAAqB,CAAC,WAAW,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,2DAAG,KAAK,GAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EACzI,UAAU,IAAI,YAAY,IAAI,yCAAK,GAAG,EAAE,SAAS,gBAChD,gCAAK,GAAG,EAAE,YAAY,IAAI,MAAM,GAAG,IAC/B,EACN,wCAAI,GAAG,EAAE,SAAS,gBAAG,UAAU,IAAM,EACpC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EAAE,CAAA,IAAI,uBAAC,yBAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,GAAG,EACxE,uBAAC,uBAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,GAAG,EACnD,QAAQ,KACL,CACP,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,WAAW,eAkBvB;AAED,IAAM,gBAAgB,GAAG,UAAC,KAAa,EAAE,MAAgB,IAAK,WAAA,WAAG,2OAAA,wBAC3C,EAA8B,4CAE5B,EAAK,+FAG5B,KALqB,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAE5B,KAAK,GAHiC,CAM7D,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,kNAAA,8IAStB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,iNAAA,6IASpB,IAAA,CAAA;AAED,IAAM,eAAe,OAAG,iBAAS,iKAAA,6FAOhC,IAAA,CAAA;AAED,IAAM,KAAK,GAAG,GAAG,CAAA;AACjB,IAAM,MAAM,OAAG,WAAG,oVAAA,4IAKR,EAAK,kBACF,EAAK,iBACN,EAAK,gBACN,EAAK,+CAED,EAAe,wBAC7B,KANS,KAAK,EACF,KAAK,EACN,KAAK,EACN,KAAK,EAED,eAAe,CAC7B,CAAA;AAGD,IAAM,SAAS,OAAG,WAAG,+PAAA,2LAUpB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,mJAAA,+EAKrB,IAAA,CAAA;AAED,IAAM,YAAY,OAAG,WAAG,mJAAA,+EAKvB,IAAA,CAAA"}
+{"version":3,"file":"PlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/PlayerPanel.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAG/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAS5C,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,CAAC,EAAE,EAAE;IACrD,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,GAAG,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,GAAG,CAAC,CAAA;IAChF,MAAM,UAAU,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAA;IAC1C,MAAM,KAAK,GAAG,QAAQ,EAAiB,CAAA;IACvC,MAAM,YAAY,GAAG,KAAK,EAAE,YAAY,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAA;IAC3D,OAAO,CACL,eAAK,GAAG,EAAE,gBAAgB,CAAC,KAAK,EAAE,YAAY,CAAC,KAAM,KAAK,aACxD,KAAC,MAAM,IAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EACpC,iBAAiB,EAAE,EAAE,SAAS,EAAE,qBAAqB,CAAC,WAAW,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,4BAAG,KAAK,GAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EACzI,UAAU,IAAI,YAAY,IAAI,cAAK,GAAG,EAAE,SAAS,YAChD,cAAK,GAAG,EAAE,YAAY,IAAI,MAAM,GAAG,GAC/B,EACN,aAAI,GAAG,EAAE,SAAS,YAAG,UAAU,GAAM,EACpC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,GAAG,EACxE,KAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,GAAG,EACnD,QAAQ,IACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,MAAgB,EAAE,EAAE,CAAC,GAAG,CAAA;sBAC3C,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;;wBAE5B,KAAK;;;CAG5B,CAAA;AAED,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;CAStB,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;CASpB,CAAA;AAED,MAAM,eAAe,GAAG,SAAS,CAAA;;;;;;;CAOhC,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,CAAA;AACjB,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;UAKR,KAAK;aACF,KAAK;YACN,KAAK;WACN,KAAK;;eAED,eAAe;CAC7B,CAAA;AAGD,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;CAUpB,CAAA;AAED,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;CAKrB,CAAA;AAED,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;CAKvB,CAAA"}

package/dist/components/PlayerPanel/StyledPlayerPanel.d.ts

@@ -1,24 +1,24 @@
-/** @jsxImportSource @emotion/react */
-import { Interpolation, Theme } from '@emotion/react';
-import { Player } from '@gamepark/react-client';
-import { FC, HTMLAttributes, ReactNode } from 'react';
-import { MaterialFocus } from '../material';
-type CountersProps = {
-    image: string;
-    value: number | string;
-} & {
-    imageCss?: Interpolation<Theme>;
-};
-type StyledPlayerPanelProps = {
-    player: Player;
-    mainCounter?: CountersProps;
-    counters?: CountersProps[];
-    countersPerLine?: number;
-    backgroundImage?: string;
-    playerFocus?: MaterialFocus;
-    activeRing?: boolean;
-    timerOnRight?: boolean;
-    speak?: string | ReactNode;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const StyledPlayerPanel: FC<StyledPlayerPanelProps>;
-export {};
+/** @jsxImportSource @emotion/react */
+import { Interpolation, Theme } from '@emotion/react';
+import { Player } from '@gamepark/react-client';
+import { FC, HTMLAttributes, ReactNode } from 'react';
+import { MaterialFocus } from '../material';
+type CountersProps = {
+    image: string;
+    value: number | string;
+} & {
+    imageCss?: Interpolation<Theme>;
+};
+type StyledPlayerPanelProps = {
+    player: Player;
+    mainCounter?: CountersProps;
+    counters?: CountersProps[];
+    countersPerLine?: number;
+    backgroundImage?: string;
+    playerFocus?: MaterialFocus;
+    activeRing?: boolean;
+    timerOnRight?: boolean;
+    speak?: string | ReactNode;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const StyledPlayerPanel: FC<StyledPlayerPanelProps>;
+export {};

package/dist/components/PlayerPanel/StyledPlayerPanel.js

@@ -1,94 +1,159 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledPlayerPanel = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var react_2 = require("react");
-var hooks_1 = require("../../hooks");
-var Avatar_1 = require("../Avatar");
-var material_1 = require("../material");
-var PlayerTimer_1 = require("../PlayerTimer");
-var Counters_1 = require("./Counters");
-var StyledPlayerPanel = function (props) {
-    var _a, _b;
-    var player = props.player, activeRing = props.activeRing, timerOnRight = props.timerOnRight, playerFocus = props.playerFocus, backgroundImage = props.backgroundImage, _c = props.counters, counters = _c === void 0 ? [] : _c, _d = props.countersPerLine, countersPerLine = _d === void 0 ? 3 : _d, mainCounter = props.mainCounter, speak = props.speak, rest = __rest(props, ["player", "activeRing", "timerOnRight", "playerFocus", "backgroundImage", "counters", "countersPerLine", "mainCounter", "speak"]);
-    var setFocus = (0, material_1.useFocusContext)().setFocus;
-    var playerName = (0, hooks_1.usePlayerName)(player.id);
-    var gameOver = (_a = (0, hooks_1.useRules)()) === null || _a === void 0 ? void 0 : _a.isOver();
-    var rules = (0, hooks_1.useRules)();
-    var isTurnToPlay = (_b = rules === null || rules === void 0 ? void 0 : rules.isTurnToPlay(player.id)) !== null && _b !== void 0 ? _b : false;
-    var panelRef = (0, react_2.useRef)(null);
-    var focusPlayer = (0, react_2.useCallback)(function () {
-        if (!playerFocus)
-            return;
-        setFocus(playerFocus);
-    }, [playerFocus]);
-    var main = mainCounter ? mainCounter : counters.length === 1 ? counters[0] : undefined;
-    var secondaryCounters = !mainCounter && counters.length === 1 ? [] : counters;
-    var hasCounter = counters.length > 0 || !!mainCounter;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: panelRef, css: [panelPlayerStyle, panelStyle, backgroundImage && backgroundCss(backgroundImage), playerFocus && pointable, !hasCounter && 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 })), !main && !gameOver && ((0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] })), main && ((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: [main], lineSize: 1 })] }))), secondaryCounters.length > 0 && ((0, jsx_runtime_1.jsx)("div", __assign({ css: groupTimerAndCounters }, { children: (0, jsx_runtime_1.jsx)(Counters_1.Counters, { counters: secondaryCounters, lineSize: countersPerLine }) })))] })));
-};
-exports.StyledPlayerPanel = StyledPlayerPanel;
-var getSpeechBubbleDirection = function (element) {
-    var _a, _b, _c, _d;
-    if (element.current) {
-        var rect = element.current.getBoundingClientRect();
-        var left = rect.left / ((_b = (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : window.innerWidth);
-        var top_1 = rect.top / ((_d = (_c = window.visualViewport) === null || _c === void 0 ? void 0 : _c.height) !== null && _d !== void 0 ? _d : window.innerHeight);
-        var isLeft = (left > 0.2 && left < 0.5) || left > 0.8;
-        var isTop = (top_1 > 0.2 && top_1 < 0.5) || top_1 > 0.8;
-        if (isLeft) {
-            return isTop ? Avatar_1.SpeechBubbleDirection.TOP_LEFT : Avatar_1.SpeechBubbleDirection.BOTTOM_LEFT;
-        }
-        else {
-            return isTop ? Avatar_1.SpeechBubbleDirection.TOP_RIGHT : Avatar_1.SpeechBubbleDirection.BOTTOM_RIGHT;
-        }
-    }
-    return Avatar_1.SpeechBubbleDirection.BOTTOM_RIGHT;
-};
-var noCounterCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-height: 8.1em;\n"], ["\n  min-height: 8.1em;\n"])));
-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"])));
-var groupTimerAndCounters = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n"])));
-var halfOpacityOnPause = function (playing) { return !playing && (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  opacity: 0.8;\n"], ["\n  opacity: 0.8;\n"]))); };
-var rightAlignment = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  left: initial;\n  right: 0.2em;\n  font-size: 2.5em;\n"], ["\n  left: initial;\n  right: 0.2em;\n  font-size: 2.5em;\n"])));
-var panelPlayerStyle = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: black;\n  border-radius: 3em 1.5em 1.5em 1.5em;\n  box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n  width: 28em;\n  display: flex;\n  flex-direction: column;\n  gap: 0.4em;\n  padding: 0.5em;\n"], ["\n  color: black;\n  border-radius: 3em 1.5em 1.5em 1.5em;\n  box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n  width: 28em;\n  display: flex;\n  flex-direction: column;\n  gap: 0.4em;\n  padding: 0.5em;\n"])));
-var avatarStyle = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 100%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 3;\n"], ["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 100%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 3;\n"])));
-var nameStyle = (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  align-self: end;\n  max-width: 8em;\n  margin: 0;\n  font-size: 2.4em;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n"], ["\n  align-self: end;\n  max-width: 8em;\n  margin: 0;\n  font-size: 2.4em;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n"])));
-var backgroundCss = function (backgroundImage) { return (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  background: rgba(0, 0, 0, 0.8) url(", ");\n  background-size: cover;\n  background-repeat: no-repeat;\n"], ["\n  background: rgba(0, 0, 0, 0.8) url(", ");\n  background-size: cover;\n  background-repeat: no-repeat;\n"])), backgroundImage); };
-var pointable = (0, react_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
-var panelStyle = (0, react_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  background-color: white;\n\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    height: 100%;\n    width: 100%;\n    left: 0;\n    border-radius: 1em;\n  }\n"], ["\n  background-color: white;\n\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    height: 100%;\n    width: 100%;\n    left: 0;\n    border-radius: 1em;\n  }\n"])));
-var data = (0, react_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  color: white;\n  background-color: rgba(0, 0, 0, 0.7);\n  padding: 0.1em 0.3em;\n  border-radius: 0.4em;\n  z-index: 1;\n"], ["\n  color: white;\n  background-color: rgba(0, 0, 0, 0.7);\n  padding: 0.1em 0.3em;\n  border-radius: 0.4em;\n  z-index: 1;\n"])));
-var timerStyle = (0, react_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  align-self: end;\n  font-size: 2.5em;\n"], ["\n  align-self: end;\n  font-size: 2.5em;\n"])));
-var isPlaying = (0, react_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 50%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 2;\n"], ["\n  position: absolute;\n  top: -0.1em;\n  left: 0;\n  border-radius: 50%;\n  height: 6em;\n  width: 6em;\n  color: black;\n  z-index: 2;\n"])));
-var circleAnimation = (0, react_1.keyframes)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  to {\n    transform: rotateZ(0);\n  }\n  from {\n    transform: rotateZ(360deg);\n  }\n"], ["\n  to {\n    transform: rotateZ(0);\n  }\n  from {\n    transform: rotateZ(360deg);\n  }\n"])));
-var inset = 0.8;
-var circle = (0, react_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  background-image: linear-gradient(\n          to bottom, gold 0%,\n          rgb(40, 184, 206) 100%);\n  position: absolute;\n  top: -", "em;\n  bottom: -", "em;\n  right: -", "em;\n  left: -", "em;\n  border-radius: inherit;\n  animation: ", " 1s infinite linear;\n"], ["\n  background-image: linear-gradient(\n          to bottom, gold 0%,\n          rgb(40, 184, 206) 100%);\n  position: absolute;\n  top: -", "em;\n  bottom: -", "em;\n  right: -", "em;\n  left: -", "em;\n  border-radius: inherit;\n  animation: ", " 1s infinite linear;\n"])), inset, inset, inset, inset, circleAnimation);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css, keyframes } from '@emotion/react';
+import { useCallback, useRef } from 'react';
+import { usePlayerName, useRules } from '../../hooks';
+import { Avatar, SpeechBubbleDirection } from '../Avatar';
+import { useFocusContext } from '../material';
+import { blinkOnRunningTimeout, PlayerTimer } from '../PlayerTimer';
+import { Counters } from './Counters';
+export const StyledPlayerPanel = (props) => {
+    const { player, activeRing, timerOnRight, playerFocus, backgroundImage, counters = [], countersPerLine = 3, mainCounter, speak, ...rest } = props;
+    const { setFocus } = useFocusContext();
+    const playerName = usePlayerName(player.id);
+    const gameOver = useRules()?.isOver();
+    const rules = useRules();
+    const isTurnToPlay = rules?.isTurnToPlay(player.id) ?? false;
+    const panelRef = useRef(null);
+    const focusPlayer = useCallback(() => {
+        if (!playerFocus)
+            return;
+        setFocus(playerFocus);
+    }, [playerFocus]);
+    const main = mainCounter ? mainCounter : counters.length === 1 ? counters[0] : undefined;
+    const secondaryCounters = !mainCounter && counters.length === 1 ? [] : counters;
+    const hasCounter = counters.length > 0 || !!mainCounter;
+    return (_jsxs("div", { ref: panelRef, css: [panelPlayerStyle, panelStyle, backgroundImage && backgroundCss(backgroundImage), playerFocus && pointable, !hasCounter && noCounterCss], onClick: focusPlayer, ...rest, children: [_jsx(Avatar, { css: avatarStyle, playerId: player.id, speechBubbleProps: { direction: getSpeechBubbleDirection(panelRef), children: typeof speak === 'string' ? _jsx(_Fragment, { children: speak }) : speak } }), activeRing && isTurnToPlay && _jsx("div", { css: isPlaying, children: _jsx("div", { css: isTurnToPlay && circle }) }), _jsx("h2", { css: [nameStyle, data], children: playerName }), !main && !gameOver && (_jsx(PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, blinkOnRunningTimeout] })), main && (_jsxs("div", { css: groupTimerAndCounter, children: [!gameOver && (_jsx(PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, blinkOnRunningTimeout] })), _jsx(Counters, { counters: [main], lineSize: 1 })] })), secondaryCounters.length > 0 && (_jsx("div", { css: groupTimerAndCounters, children: _jsx(Counters, { counters: secondaryCounters, lineSize: countersPerLine }) }))] }));
+};
+const getSpeechBubbleDirection = (element) => {
+    if (element.current) {
+        const rect = element.current.getBoundingClientRect();
+        const left = rect.left / (window.visualViewport?.width ?? window.innerWidth);
+        const top = rect.top / (window.visualViewport?.height ?? window.innerHeight);
+        const isLeft = (left > 0.2 && left < 0.5) || left > 0.8;
+        const isTop = (top > 0.2 && top < 0.5) || top > 0.8;
+        if (isLeft) {
+            return isTop ? SpeechBubbleDirection.TOP_LEFT : SpeechBubbleDirection.BOTTOM_LEFT;
+        }
+        else {
+            return isTop ? SpeechBubbleDirection.TOP_RIGHT : SpeechBubbleDirection.BOTTOM_RIGHT;
+        }
+    }
+    return SpeechBubbleDirection.BOTTOM_RIGHT;
+};
+const noCounterCss = css `
+  min-height: 8.1em;
+`;
+const groupTimerAndCounter = css `
+  display: flex;
+  flex-direction: row;
+  align-self: flex-end;
+  gap: 0.5em;
+`;
+const groupTimerAndCounters = css `
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+`;
+const halfOpacityOnPause = (playing) => !playing && css `
+  opacity: 0.8;
+`;
+const rightAlignment = css `
+  left: initial;
+  right: 0.2em;
+  font-size: 2.5em;
+`;
+const panelPlayerStyle = css `
+  color: black;
+  border-radius: 3em 1.5em 1.5em 1.5em;
+  box-shadow: 0 0 0.5em black, 0 0 0.5em black;
+  width: 28em;
+  display: flex;
+  flex-direction: column;
+  gap: 0.4em;
+  padding: 0.5em;
+`;
+const avatarStyle = css `
+  position: absolute;
+  top: -0.1em;
+  left: 0;
+  border-radius: 100%;
+  height: 6em;
+  width: 6em;
+  color: black;
+  z-index: 3;
+`;
+const nameStyle = css `
+  align-self: end;
+  max-width: 8em;
+  margin: 0;
+  font-size: 2.4em;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+`;
+const backgroundCss = (backgroundImage) => css `
+  background: rgba(0, 0, 0, 0.8) url(${backgroundImage});
+  background-size: cover;
+  background-repeat: no-repeat;
+`;
+const pointable = css `
+  cursor: pointer;
+`;
+const panelStyle = css `
+  background-color: white;
+
+  &:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    height: 100%;
+    width: 100%;
+    left: 0;
+    border-radius: 1em;
+  }
+`;
+const data = css `
+  color: white;
+  background-color: rgba(0, 0, 0, 0.7);
+  padding: 0.1em 0.3em;
+  border-radius: 0.4em;
+  z-index: 1;
+`;
+const timerStyle = css `
+  align-self: end;
+  font-size: 2.5em;
+`;
+const isPlaying = css `
+  position: absolute;
+  top: -0.1em;
+  left: 0;
+  border-radius: 50%;
+  height: 6em;
+  width: 6em;
+  color: black;
+  z-index: 2;
+`;
+const circleAnimation = keyframes `
+  to {
+    transform: rotateZ(0);
+  }
+  from {
+    transform: rotateZ(360deg);
+  }
+`;
+const inset = 0.8;
+const circle = css `
+  background-image: linear-gradient(
+          to bottom, gold 0%,
+          rgb(40, 184, 206) 100%);
+  position: absolute;
+  top: -${inset}em;
+  bottom: -${inset}em;
+  right: -${inset}em;
+  left: -${inset}em;
+  border-radius: inherit;
+  animation: ${circleAnimation} 1s infinite linear;
+`;
 //# sourceMappingURL=StyledPlayerPanel.js.map

package/dist/components/PlayerPanel/StyledPlayerPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledPlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/StyledPlayerPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StyledPlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/StyledPlayerPanel.tsx"],"names":[],"mappings":"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"}

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

@@ -1,3 +1,3 @@
-export * from './PlayerPanel';
-export * from './StyledPlayerPanel';
-export * from './Counters';
+export * from './PlayerPanel';
+export * from './StyledPlayerPanel';
+export * from './Counters';

package/dist/components/PlayerPanel/index.js

@@ -1,20 +1,4 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./PlayerPanel"), exports);
-__exportStar(require("./StyledPlayerPanel"), exports);
-__exportStar(require("./Counters"), exports);
+export * from './PlayerPanel';
+export * from './StyledPlayerPanel';
+export * from './Counters';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA6B;AAC7B,sDAAmC;AACnC,6CAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA"}

package/dist/components/PlayerTimer/PlayerTimer.d.ts

@@ -1,13 +1,13 @@
-/** @jsxImportSource @emotion/react */
-import { Interpolation, Theme } from '@emotion/react';
-import { HTMLAttributes } from 'react';
-export type PlayerTimerProps<PlayerId> = {
-    playerId: PlayerId;
-    customStyle?: ((playing: boolean, timeLeft: number) => Interpolation<Theme>)[];
-} & HTMLAttributes<HTMLSpanElement>;
-export declare const PlayerTimer: <PlayerId extends unknown>(props: PlayerTimerProps<PlayerId>) => import("@emotion/react/jsx-runtime").JSX.Element | null;
-export type PlayerTimerDisplayProps<PlayerId> = PlayerTimerProps<PlayerId> & {
-    playerTime: number;
-};
-export declare const PlayerTimerDisplay: <PlayerId extends unknown>({ playerTime, playerId, customStyle, ...props }: PlayerTimerDisplayProps<PlayerId>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const blinkOnRunningTimeout: (playing: boolean, timeLeft: number) => false | import("@emotion/utils").SerializedStyles;
+/** @jsxImportSource @emotion/react */
+import { Interpolation, Theme } from '@emotion/react';
+import { HTMLAttributes } from 'react';
+export type PlayerTimerProps<PlayerId> = {
+    playerId: PlayerId;
+    customStyle?: ((playing: boolean, timeLeft: number) => Interpolation<Theme>)[];
+} & HTMLAttributes<HTMLSpanElement>;
+export declare const PlayerTimer: <PlayerId extends any>(props: PlayerTimerProps<PlayerId>) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export type PlayerTimerDisplayProps<PlayerId> = PlayerTimerProps<PlayerId> & {
+    playerTime: number;
+};
+export declare const PlayerTimerDisplay: <PlayerId extends any>({ playerTime, playerId, customStyle, ...props }: PlayerTimerDisplayProps<PlayerId>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const blinkOnRunningTimeout: (playing: boolean, timeLeft: number) => false | import("@emotion/react").SerializedStyles;