@gamepark/react-game 6.5.0 → 6.7.0
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.
- package/dist/components/Avatar/Avatar.js +1 -8
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/GameProvider/GameProvider.d.ts +6 -2
- package/dist/components/GameProvider/GameProvider.js +16 -4
- package/dist/components/GameProvider/GameProvider.js.map +1 -1
- package/dist/components/LoadingScreen/LoadingScreen.js +6 -2
- package/dist/components/LoadingScreen/LoadingScreen.js.map +1 -1
- package/dist/components/PlayerPanel/PlayerPanel.js +9 -17
- package/dist/components/PlayerPanel/PlayerPanel.js.map +1 -1
- package/dist/components/PlayerTimer/PlayerTimer.d.ts +5 -1
- package/dist/components/PlayerTimer/PlayerTimer.js +10 -6
- package/dist/components/PlayerTimer/PlayerTimer.js.map +1 -1
- package/dist/components/buttons/PlayMoveButton/PlayMoveButton.d.ts +1 -0
- package/dist/components/buttons/PlayMoveButton/PlayMoveButton.js +15 -3
- package/dist/components/buttons/PlayMoveButton/PlayMoveButton.js.map +1 -1
- package/dist/components/buttons/UndoMovesButton/UndoMovesButton.d.ts +7 -0
- package/dist/components/buttons/UndoMovesButton/UndoMovesButton.js +58 -0
- package/dist/components/buttons/UndoMovesButton/UndoMovesButton.js.map +1 -0
- package/dist/components/buttons/UndoMovesButton/index.d.ts +1 -0
- package/dist/components/buttons/UndoMovesButton/index.js +18 -0
- package/dist/components/buttons/UndoMovesButton/index.js.map +1 -0
- package/dist/components/buttons/index.d.ts +1 -0
- package/dist/components/buttons/index.js +1 -0
- package/dist/components/buttons/index.js.map +1 -1
- package/dist/components/dialogs/Dialog.d.ts +0 -1
- package/dist/components/dialogs/Dialog.js +3 -3
- package/dist/components/dialogs/Dialog.js.map +1 -1
- package/dist/components/dialogs/ResultDialog/ResultDialog.js +13 -10
- package/dist/components/dialogs/ResultDialog/ResultDialog.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.js +2 -2
- package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.js +1 -1
- package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/RulesDialog.d.ts +0 -1
- package/dist/components/dialogs/RulesDialog/RulesDialog.js +3 -4
- package/dist/components/dialogs/RulesDialog/RulesDialog.js.map +1 -1
- package/dist/components/material/DraggableMaterial.js +9 -7
- package/dist/components/material/DraggableMaterial.js.map +1 -1
- package/dist/components/material/GameTable/GameMaterialDisplay.js +29 -11
- package/dist/components/material/GameTable/GameMaterialDisplay.js.map +1 -1
- package/dist/components/material/GameTable/GameTable.d.ts +0 -2
- package/dist/components/material/GameTable/GameTable.js +20 -29
- package/dist/components/material/GameTable/GameTable.js.map +1 -1
- package/dist/components/material/locations/LocationDescription.d.ts +6 -4
- package/dist/components/material/locations/LocationDescription.js +13 -8
- package/dist/components/material/locations/LocationDescription.js.map +1 -1
- package/dist/components/material/locations/SimpleDropArea.d.ts +2 -0
- package/dist/components/material/locations/SimpleDropArea.js +17 -14
- package/dist/components/material/locations/SimpleDropArea.js.map +1 -1
- package/dist/components/menus/EjectPlayer/EjectPlayerDialog.js +1 -5
- package/dist/components/menus/EjectPlayer/EjectPlayerDialog.js.map +1 -1
- package/dist/components/menus/Menu/Menu.js +1 -5
- package/dist/components/menus/Menu/Menu.js.map +1 -1
- package/dist/components/menus/TimeStatsButton/TimeStatsButton.js +7 -5
- package/dist/components/menus/TimeStatsButton/TimeStatsButton.js.map +1 -1
- package/dist/components/menus/menuCss.js +3 -4
- package/dist/components/menus/menuCss.js.map +1 -1
- package/dist/components/tutorial/MaterialTutorial.d.ts +5 -6
- package/dist/components/tutorial/MaterialTutorial.js +10 -4
- package/dist/components/tutorial/MaterialTutorial.js.map +1 -1
- package/dist/components/tutorial/MaterialTutorialDisplay.js +0 -1
- package/dist/components/tutorial/MaterialTutorialDisplay.js.map +1 -1
- package/dist/components/tutorial/TutorialRulesWrapper.js +10 -0
- package/dist/components/tutorial/TutorialRulesWrapper.js.map +1 -1
- package/dist/css/GameTheme.d.ts +19 -0
- package/dist/css/GameTheme.js +19 -0
- package/dist/css/GameTheme.js.map +1 -0
- package/dist/css/index.d.ts +1 -0
- package/dist/css/index.js +1 -0
- package/dist/css/index.js.map +1 -1
- package/dist/hooks/index.d.ts +0 -1
- package/dist/hooks/index.js +0 -1
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/usePlayerName.js +7 -0
- package/dist/hooks/usePlayerName.js.map +1 -1
- package/dist/hooks/useUndo.d.ts +1 -1
- package/dist/hooks/useUndo.js +23 -6
- package/dist/hooks/useUndo.js.map +1 -1
- package/dist/locators/PileLocator.d.ts +3 -2
- package/dist/locators/PileLocator.js +9 -5
- package/dist/locators/PileLocator.js.map +1 -1
- package/dist/utilities/DeepPartial.d.ts +3 -0
- package/dist/utilities/DeepPartial.js +3 -0
- package/dist/utilities/DeepPartial.js.map +1 -0
- package/dist/utilities/index.d.ts +1 -0
- package/dist/utilities/index.js +1 -0
- package/dist/utilities/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -35,23 +35,16 @@ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
|
35
35
|
var react_1 = require("@emotion/react");
|
|
36
36
|
var avataaars_1 = __importDefault(require("@gamepark/avataaars"));
|
|
37
37
|
var react_client_1 = require("@gamepark/react-client");
|
|
38
|
-
var GameProvider_1 = require("../GameProvider");
|
|
39
|
-
var react_2 = require("react");
|
|
40
38
|
var ChatSpeechBubble_1 = require("./ChatSpeechBubble");
|
|
41
39
|
var SpeechBubble_1 = require("./SpeechBubble");
|
|
42
40
|
var hooks_1 = require("../../hooks");
|
|
43
|
-
var react_redux_1 = require("react-redux");
|
|
44
|
-
var tutorial_1 = require("../tutorial");
|
|
45
41
|
var Avatar = function (_a) {
|
|
46
42
|
var _b;
|
|
47
43
|
var playerId = _a.playerId, speechBubbleProps = _a.speechBubbleProps, props = __rest(_a, ["playerId", "speechBubbleProps"]);
|
|
48
44
|
var player = (0, hooks_1.usePlayer)(playerId);
|
|
49
|
-
var isTutorial = (0, react_redux_1.useSelector)(function (state) { return state.gameMode === react_client_1.GameMode.TUTORIAL; });
|
|
50
|
-
var tutorial = (0, react_2.useContext)(GameProvider_1.gameContext).tutorial;
|
|
51
|
-
var tutorialAvatar = isTutorial && (0, tutorial_1.isMaterialTutorial)(tutorial) && tutorial.avatars[playerId];
|
|
52
45
|
var me = (0, react_client_1.useMe)();
|
|
53
46
|
var myPlayerId = (0, hooks_1.usePlayerId)();
|
|
54
|
-
var avatar = myPlayerId === playerId ? (_b = me === null || me === void 0 ? void 0 : me.user) === null || _b === void 0 ? void 0 : _b.avatar :
|
|
47
|
+
var avatar = myPlayerId === playerId ? (_b = me === null || me === void 0 ? void 0 : me.user) === null || _b === void 0 ? void 0 : _b.avatar : player === null || player === void 0 ? void 0 : player.avatar;
|
|
55
48
|
var query = new URLSearchParams(window.location.search);
|
|
56
49
|
var gameId = query.get('game');
|
|
57
50
|
return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: style }, props, { children: [(0, jsx_runtime_1.jsx)(avataaars_1.default, __assign({ circle: true }, avatar, { css: avatarCss })), (speechBubbleProps === null || speechBubbleProps === void 0 ? void 0 : speechBubbleProps.children) ?
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,kEAA0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,kEAA0C;AAC1C,uDAA8C;AAE9C,uDAAqD;AACrD,+CAAgE;AAChE,qCAAoD;AAO7C,IAAM,MAAM,GAAG,UAAC,EAAgD;;IAA9C,IAAA,QAAQ,cAAA,EAAE,iBAAiB,uBAAA,EAAK,KAAK,cAAvC,iCAAyC,CAAF;IAC5D,IAAM,MAAM,GAAG,IAAA,iBAAS,EAAC,QAAQ,CAAC,CAAA;IAClC,IAAM,EAAE,GAAG,IAAA,oBAAK,GAAE,CAAA;IAClB,IAAM,UAAU,GAAG,IAAA,mBAAW,GAAE,CAAA;IAChC,IAAM,MAAM,GAAG,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,IAAI,0CAAE,MAAM,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA;IAC1E,IAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzD,IAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAChC,OAAO,CACL,0CAAK,GAAG,EAAE,KAAK,IAAM,KAAK,eACxB,uBAAC,mBAAQ,aAAC,MAAM,UAAK,MAAM,IAAE,GAAG,EAAE,SAAS,IAAG,EAC7C,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,EAAC,CAAC;gBAC5B,uBAAC,2BAAY,eAAK,iBAAiB,cAAG,iBAAiB,CAAC,QAAQ,IAAgB,CAAC,CAAC;gBAClF,MAAM,IAAI,MAAM,IAAI,uBAAC,mCAAgB,aAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IAAM,iBAAiB,EAAG,KAE5F,CACP,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,MAAM,UAgBlB;AAED,IAAM,KAAK,OAAG,WAAG,+HAAA,2DAGhB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,4JAAA,wFAMpB,IAAA,CAAA"}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
1
2
|
import { PropsWithChildren } from 'react';
|
|
2
3
|
import { LocalGameProviderProps } from '@gamepark/react-client';
|
|
3
4
|
import { GameContext } from './GameContext';
|
|
4
|
-
|
|
5
|
-
export
|
|
5
|
+
import { DeepPartial } from '../../utilities';
|
|
6
|
+
export type GameProviderProps<Game = any, GameView = Game, Move = string, MoveView = Move, PlayerId extends number = number> = LocalGameProviderProps<Game, GameView, Move, MoveView, PlayerId> & GameContext<Game, Move, PlayerId> & {
|
|
7
|
+
theme?: DeepPartial<Theme>;
|
|
8
|
+
};
|
|
9
|
+
export declare const GameProvider: <Game, GameView = Game, Move = string, MoveView = Move, PlayerId extends number = number>({ materialI18n, theme, children, ...props }: PropsWithChildren<GameProviderProps<Game, GameView, Move, MoveView, PlayerId>>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
2
6
|
var __assign = (this && this.__assign) || function () {
|
|
3
7
|
__assign = Object.assign || function(t) {
|
|
4
8
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -50,11 +54,13 @@ var GameContext_1 = require("./GameContext");
|
|
|
50
54
|
var merge_1 = __importDefault(require("lodash/merge"));
|
|
51
55
|
var tutorial_1 = require("../tutorial");
|
|
52
56
|
var TutorialRulesWrapper_1 = require("../tutorial/TutorialRulesWrapper");
|
|
57
|
+
var css_1 = require("../../css");
|
|
58
|
+
var emotion_normalize_1 = __importDefault(require("emotion-normalize"));
|
|
53
59
|
var query = new URLSearchParams(window.location.search);
|
|
54
60
|
var gameId = query.get('game');
|
|
55
61
|
var locale = query.get('locale') || 'en';
|
|
56
62
|
var GameProvider = function (_a) {
|
|
57
|
-
var materialI18n = _a.materialI18n, children = _a.children, props = __rest(_a, ["materialI18n", "children"]);
|
|
63
|
+
var materialI18n = _a.materialI18n, _b = _a.theme, theme = _b === void 0 ? {} : _b, children = _a.children, props = __rest(_a, ["materialI18n", "theme", "children"]);
|
|
58
64
|
if ((0, tutorial_1.isMaterialTutorial)(props.tutorial)) {
|
|
59
65
|
(0, TutorialRulesWrapper_1.wrapRulesWithTutorial)(props.tutorial, props.Rules);
|
|
60
66
|
}
|
|
@@ -65,9 +71,9 @@ var GameProvider = function (_a) {
|
|
|
65
71
|
if (props.material && materialI18n && locale in materialI18n) {
|
|
66
72
|
(0, merge_1.default)(props.material, materialI18n[locale]);
|
|
67
73
|
}
|
|
68
|
-
return ((0, jsx_runtime_1.jsx)(GameContext_1.gameContext.Provider, __assign({ value: props }, { children: (0, jsx_runtime_1.jsx)(react_1.CacheProvider, __assign({ value: emotionCache }, { children: (0, jsx_runtime_1.jsx)(client_1.ApolloProvider, __assign({ client: (0, react_client_1.getApolloClient)() }, { children: gameId ?
|
|
69
|
-
|
|
70
|
-
|
|
74
|
+
return ((0, jsx_runtime_1.jsx)(GameContext_1.gameContext.Provider, __assign({ value: props }, { children: (0, jsx_runtime_1.jsx)(react_1.CacheProvider, __assign({ value: emotionCache }, { children: (0, jsx_runtime_1.jsxs)(react_1.ThemeProvider, __assign({ theme: (0, merge_1.default)(css_1.defaultTheme, theme) }, { children: [(0, jsx_runtime_1.jsx)(react_1.Global, { styles: [emotion_normalize_1.default, globalCss] }), (0, jsx_runtime_1.jsx)(client_1.ApolloProvider, __assign({ client: (0, react_client_1.getApolloClient)() }, { children: gameId ?
|
|
75
|
+
(0, jsx_runtime_1.jsx)(react_client_1.RemoteGameProvider, __assign({ gameId: gameId }, props, { children: children })) :
|
|
76
|
+
(0, jsx_runtime_1.jsx)(react_client_1.LocalGameProvider, __assign({}, props, { children: children })) }))] })) })) })));
|
|
71
77
|
};
|
|
72
78
|
exports.GameProvider = GameProvider;
|
|
73
79
|
var webPReplace = function (element, _index, _children, _callback) {
|
|
@@ -119,4 +125,10 @@ if (process.env.NODE_ENV === 'production') {
|
|
|
119
125
|
return browser_logs_1.datadogLogs.logger.warn(buildMessage_1(message, optionalParams), { origin: 'console' });
|
|
120
126
|
};
|
|
121
127
|
}
|
|
128
|
+
var globalCss = function (theme) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n html {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n\n *, *::before, *::after {\n -webkit-box-sizing: inherit;\n -moz-box-sizing: inherit;\n box-sizing: inherit;\n }\n\n body {\n margin: 0;\n font-family: \"", "\", sans-serif;\n font-size: 1dvh;\n @media (max-aspect-ratio: 16/9) {\n font-size: calc(9dvw / 16);\n }\n }\n\n #root {\n position: absolute;\n height: 100dvh;\n width: 100dvw;\n -webkit-touch-callout: none;\n user-select: none;\n overflow: hidden;\n color: #eee;\n ", ";\n }\n"], ["\n html {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n\n *, *::before, *::after {\n -webkit-box-sizing: inherit;\n -moz-box-sizing: inherit;\n box-sizing: inherit;\n }\n\n body {\n margin: 0;\n font-family: \"", "\", sans-serif;\n font-size: 1dvh;\n @media (max-aspect-ratio: 16/9) {\n font-size: calc(9dvw / 16);\n }\n }\n\n #root {\n position: absolute;\n height: 100dvh;\n width: 100dvw;\n -webkit-touch-callout: none;\n user-select: none;\n overflow: hidden;\n color: #eee;\n ", ";\n }\n"])), theme.root.fontFamily, backgroundCss(theme.root.background)); };
|
|
129
|
+
var backgroundCss = function (_a) {
|
|
130
|
+
var image = _a.image, overlay = _a.overlay;
|
|
131
|
+
return overlay ? (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: linear-gradient(", ", ", "), url(", ") center / cover, black;\n "], ["\n background: linear-gradient(", ", ", "), url(", ") center / cover, black;\n "])), overlay, overlay, image) : (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: url(", ") center / cover, black;\n "], ["\n background: url(", ") center / cover, black;\n "])), image);
|
|
132
|
+
};
|
|
133
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
122
134
|
//# sourceMappingURL=GameProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GameProvider.js","sourceRoot":"","sources":["../../../src/components/GameProvider/GameProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GameProvider.js","sourceRoot":"","sources":["../../../src/components/GameProvider/GameProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -66,11 +66,15 @@ var LoadingScreen = function (_a) {
|
|
|
66
66
|
};
|
|
67
67
|
exports.LoadingScreen = LoadingScreen;
|
|
68
68
|
var fadeOutDuration = 2000;
|
|
69
|
-
var loadingScreenStyle = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n transition: opacity ", "ms;\n
|
|
69
|
+
var loadingScreenStyle = function (theme) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n transition: opacity ", "ms;\n pointer-events: none;\n ", ";\n\n > * {\n z-index: 1;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n transition: opacity ", "ms;\n pointer-events: none;\n ", ";\n\n > * {\n z-index: 1;\n }\n"])), fadeOutDuration, backgroundCss(theme.root.background)); };
|
|
70
70
|
var gameBoxStyle = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n width: 62em;\n height: 66em;\n margin-top: 7em;\n margin-bottom: 2em;\n filter: drop-shadow(1px 0 white) drop-shadow(0 1px white) drop-shadow(-1px 0 white) drop-shadow(0 -1px white);\n"], ["\n position: relative;\n width: 62em;\n height: 66em;\n margin-top: 7em;\n margin-bottom: 2em;\n filter: drop-shadow(1px 0 white) drop-shadow(0 1px white) drop-shadow(-1px 0 white) drop-shadow(0 -1px white);\n"])));
|
|
71
71
|
var gameTitle = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: 5em;\n margin: 0;\n"], ["\n font-size: 5em;\n margin: 0;\n"])));
|
|
72
72
|
var gamePeople = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: 3em;\n"], ["\n font-size: 3em;\n"])));
|
|
73
73
|
var iconStyle = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n min-width: 6em;\n position: relative;\n"], ["\n min-width: 6em;\n position: relative;\n"])));
|
|
74
74
|
var hiddenStyle = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n opacity: 0;\n"], ["\n opacity: 0;\n"])));
|
|
75
|
-
var
|
|
75
|
+
var backgroundCss = function (_a) {
|
|
76
|
+
var image = _a.image, overlay = _a.overlay;
|
|
77
|
+
return overlay ? (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background: linear-gradient(", ", ", "), url(", ") center / cover, black;\n "], ["\n background: linear-gradient(", ", ", "), url(", ") center / cover, black;\n "])), overlay, overlay, image) : (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background: url(", ") center / cover, black;\n "], ["\n background: url(", ") center / cover, black;\n "])), image);
|
|
78
|
+
};
|
|
79
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
76
80
|
//# sourceMappingURL=LoadingScreen.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingScreen.js","sourceRoot":"","sources":["../../../src/components/LoadingScreen/LoadingScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"LoadingScreen.js","sourceRoot":"","sources":["../../../src/components/LoadingScreen/LoadingScreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,30 +28,22 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.PlayerPanel = void 0;
|
|
30
30
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
31
|
-
/** @jsxImportSource @emotion/react */
|
|
32
|
-
var react_1 = require("react");
|
|
33
31
|
var hooks_1 = require("../../hooks");
|
|
34
|
-
var react_i18next_1 = require("react-i18next");
|
|
35
32
|
var GamePoints_1 = require("../GamePoints");
|
|
36
33
|
var Avatar_1 = require("../Avatar");
|
|
37
34
|
var PlayerTimer_1 = require("../PlayerTimer");
|
|
38
|
-
var
|
|
39
|
-
var GameProvider_1 = require("../GameProvider");
|
|
40
|
-
var rules_api_1 = require("@gamepark/rules-api");
|
|
35
|
+
var react_1 = require("@emotion/react");
|
|
41
36
|
var PlayerPanel = function (_a) {
|
|
42
|
-
var _b;
|
|
43
|
-
var
|
|
44
|
-
var t = (0, react_i18next_1.useTranslation)().t;
|
|
45
|
-
var playerInfo = (0, hooks_1.usePlayer)(playerId);
|
|
46
|
-
var optionsSpec = (0, react_1.useContext)(GameProvider_1.gameContext).optionsSpec;
|
|
37
|
+
var playerId = _a.playerId, _b = _a.color, color = _b === void 0 ? '#28B8CE' : _b, children = _a.children, props = __rest(_a, ["playerId", "color", "children"]);
|
|
38
|
+
var playerName = (0, hooks_1.usePlayerName)(playerId);
|
|
47
39
|
var rules = (0, hooks_1.useRules)();
|
|
48
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: panelPlayerStyle(color, rules === null || rules === void 0 ? void 0 : rules.isTurnToPlay(playerId)) }, props, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarStyle, playerId: playerId, speechBubbleProps: { direction: Avatar_1.SpeechBubbleDirection.BOTTOM_LEFT } }), (0, jsx_runtime_1.jsx)("h2", __assign({ css: nameStyle }, { children:
|
|
40
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: panelPlayerStyle(color, rules === null || rules === void 0 ? void 0 : rules.isTurnToPlay(playerId)) }, props, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarStyle, playerId: playerId, speechBubbleProps: { direction: Avatar_1.SpeechBubbleDirection.BOTTOM_LEFT } }), (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] })));
|
|
49
41
|
};
|
|
50
42
|
exports.PlayerPanel = PlayerPanel;
|
|
51
|
-
var panelPlayerStyle = function (color, active) { return (0,
|
|
52
|
-
var avatarStyle = (0,
|
|
53
|
-
var nameStyle = (0,
|
|
54
|
-
var timerStyle = (0,
|
|
55
|
-
var gamePointCss = (0,
|
|
43
|
+
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); };
|
|
44
|
+
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"], ["\n position: absolute;\n top: -0.1em;\n left: 0;\n border-radius: 100%;\n height: 6em;\n width: 6em;\n color: black;\n"])));
|
|
45
|
+
var nameStyle = (0, react_1.css)(templateObject_3 || (templateObject_3 = __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"])));
|
|
46
|
+
var timerStyle = (0, react_1.css)(templateObject_4 || (templateObject_4 = __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"])));
|
|
47
|
+
var gamePointCss = (0, react_1.css)(templateObject_5 || (templateObject_5 = __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"])));
|
|
56
48
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
57
49
|
//# sourceMappingURL=PlayerPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/PlayerPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"PlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/PlayerPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,qCAAqD;AACrD,4CAA0C;AAC1C,oCAAyD;AACzD,8CAA4C;AAC5C,wCAAoC;AAO7B,IAAM,WAAW,GAAG,UAAuB,EAA+E;IAA7E,IAAA,QAAQ,cAAA,EAAE,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAjD,iCAAmD,CAAF;IACjG,IAAM,UAAU,GAAG,IAAA,qBAAa,EAAC,QAAQ,CAAC,CAAA;IAC1C,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAA;IACxB,OAAO,CACL,0CAAK,GAAG,EAAE,gBAAgB,CAAC,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAM,KAAK,eACzE,uBAAC,eAAM,IAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,SAAS,EAAE,8BAAqB,CAAC,WAAW,EAAE,GAAG,EACpH,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;AAZY,QAAA,WAAW,eAYvB;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,mMAAA,+HAQtB,IAAA,CAAA;AAED,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"}
|
|
@@ -5,4 +5,8 @@ export type PlayerTimerProps<PlayerId> = {
|
|
|
5
5
|
playerId: PlayerId;
|
|
6
6
|
customStyle?: ((playing: boolean, timeLeft: number) => Interpolation<Theme>)[];
|
|
7
7
|
} & HTMLAttributes<HTMLSpanElement>;
|
|
8
|
-
export declare const PlayerTimer: <PlayerId extends unknown>(
|
|
8
|
+
export declare const PlayerTimer: <PlayerId extends unknown>(props: PlayerTimerProps<PlayerId>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
9
|
+
export type PlayerTimerDisplayProps<PlayerId> = PlayerTimerProps<PlayerId> & {
|
|
10
|
+
playerTime: number;
|
|
11
|
+
};
|
|
12
|
+
export declare const PlayerTimerDisplay: <PlayerId extends unknown>({ playerTime, playerId, customStyle, ...props }: PlayerTimerDisplayProps<PlayerId>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -29,7 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
29
29
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
30
|
};
|
|
31
31
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
-
exports.PlayerTimer = void 0;
|
|
32
|
+
exports.PlayerTimerDisplay = exports.PlayerTimer = void 0;
|
|
33
33
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
34
34
|
/** @jsxImportSource @emotion/react */
|
|
35
35
|
var react_1 = require("@emotion/react");
|
|
@@ -40,15 +40,19 @@ var utc_1 = __importDefault(require("dayjs/plugin/utc"));
|
|
|
40
40
|
var hooks_1 = require("../../hooks");
|
|
41
41
|
dayjs_1.default.extend(duration_1.default);
|
|
42
42
|
dayjs_1.default.extend(utc_1.default);
|
|
43
|
-
var PlayerTimer = function (
|
|
44
|
-
var
|
|
45
|
-
var playing = (0, react_redux_1.useSelector)(function (state) { var _a, _b, _c; return (_c = (_b = (_a = state.players.find(function (p) { return p.id === playerId; })) === null || _a === void 0 ? void 0 : _a.time) === null || _b === void 0 ? void 0 : _b.playing) !== null && _c !== void 0 ? _c : false; });
|
|
46
|
-
var playerTime = (0, hooks_1.usePlayerTime)(playerId);
|
|
43
|
+
var PlayerTimer = function (props) {
|
|
44
|
+
var playerTime = (0, hooks_1.usePlayerTime)(props.playerId);
|
|
47
45
|
if (!playerTime)
|
|
48
46
|
return null;
|
|
49
|
-
return (
|
|
47
|
+
return (0, jsx_runtime_1.jsx)(exports.PlayerTimerDisplay, __assign({ playerTime: playerTime }, props));
|
|
50
48
|
};
|
|
51
49
|
exports.PlayerTimer = PlayerTimer;
|
|
50
|
+
var PlayerTimerDisplay = function (_a) {
|
|
51
|
+
var playerTime = _a.playerTime, playerId = _a.playerId, _b = _a.customStyle, customStyle = _b === void 0 ? [halfOpacityOnPause, blinkOnRunningTimeout] : _b, props = __rest(_a, ["playerTime", "playerId", "customStyle"]);
|
|
52
|
+
var playing = (0, react_redux_1.useSelector)(function (state) { var _a, _b, _c; return (_c = (_b = (_a = state.players.find(function (p) { return p.id === playerId; })) === null || _a === void 0 ? void 0 : _a.time) === null || _b === void 0 ? void 0 : _b.playing) !== null && _c !== void 0 ? _c : false; });
|
|
53
|
+
return ((0, jsx_runtime_1.jsxs)("span", __assign({}, props, { css: customStyle.map(function (fc) { return fc(playing, playerTime); }) }, { children: [playerTime < 0 && '-', humanizeTimer(Math.abs(playerTime))] })));
|
|
54
|
+
};
|
|
55
|
+
exports.PlayerTimerDisplay = PlayerTimerDisplay;
|
|
52
56
|
var halfOpacityOnPause = function (playing) { return !playing && (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n opacity: 0.5;\n"], ["\n opacity: 0.5;\n"]))); };
|
|
53
57
|
var blinkKeyframes = (0, react_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n to {\n visibility: hidden;\n }\n"], ["\n to {\n visibility: hidden;\n }\n"])));
|
|
54
58
|
var blinkOnRunningTimeout = function (playing, timeLeft) { return playing && timeLeft < 0 && (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n animation: ", " 1s steps(8, start) infinite;\n"], ["\n animation: ", " 1s steps(8, start) infinite;\n"])), blinkKeyframes); };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlayerTimer.js","sourceRoot":"","sources":["../../../src/components/PlayerTimer/PlayerTimer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAqE;AAErE,2CAAyC;AACzC,gDAAyB;AACzB,mEAA4C;AAC5C,yDAAkC;AAClC,qCAA2C;AAG3C,eAAK,CAAC,MAAM,CAAC,kBAAQ,CAAC,CAAA;AACtB,eAAK,CAAC,MAAM,CAAC,aAAG,CAAC,CAAA;AAOV,IAAM,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"PlayerTimer.js","sourceRoot":"","sources":["../../../src/components/PlayerTimer/PlayerTimer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAqE;AAErE,2CAAyC;AACzC,gDAAyB;AACzB,mEAA4C;AAC5C,yDAAkC;AAClC,qCAA2C;AAG3C,eAAK,CAAC,MAAM,CAAC,kBAAQ,CAAC,CAAA;AACtB,eAAK,CAAC,MAAM,CAAC,aAAG,CAAC,CAAA;AAOV,IAAM,WAAW,GAAG,UAAuB,KAAiC;IACjF,IAAM,UAAU,GAAG,IAAA,qBAAa,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAChD,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAA;IAC5B,OAAO,uBAAC,0BAAkB,aAAC,UAAU,EAAE,UAAU,IAAM,KAAK,EAAG,CAAA;AACjE,CAAC,CAAA;AAJY,QAAA,WAAW,eAIvB;AAMM,IAAM,kBAAkB,GAAG,UAChC,EAAgI;IAA9H,IAAA,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAE,mBAAyD,EAAzD,WAAW,mBAAG,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,KAAA,EAAK,KAAK,cAA3F,yCAA6F,CAAF;IAE3F,IAAM,OAAO,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAoB,oBAAK,OAAA,MAAA,MAAA,MAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,EAAE,KAAK,QAAQ,EAAjB,CAAiB,CAAC,0CAAE,IAAI,0CAAE,OAAO,mCAAI,KAAK,CAAA,EAAA,CAAC,CAAA;IACzH,OAAO,CACL,6CAAU,KAAK,IAAE,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC,UAAA,EAAE,IAAI,OAAA,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,EAAvB,CAAuB,CAAC,iBACjE,UAAU,GAAG,CAAC,IAAI,GAAG,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,KACtD,CACR,CAAA;AACH,CAAC,CAAA;AATY,QAAA,kBAAkB,sBAS9B;AAED,IAAM,kBAAkB,GAAG,UAAC,OAAgB,IAAK,OAAA,CAAC,OAAO,QAAI,WAAG,yFAAA,qBAE/D,IAAA,EAFgD,CAEhD,CAAA;AAED,IAAM,cAAc,OAAG,iBAAS,8GAAA,0CAI/B,IAAA,CAAA;AAED,IAAM,qBAAqB,GAAG,UAAC,OAAgB,EAAE,QAAgB,IAAK,OAAA,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAI,WAAG,wHAAA,iBACrF,EAAc,iCAC5B,KADc,cAAc,CAC5B,EAFqE,CAErE,CAAA;AAED,IAAM,MAAM,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;AACvC,IAAM,OAAO,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;AAEzC,IAAM,aAAa,GAAG,UAAC,QAAgB;IACrC,IAAI,QAAQ,IAAI,MAAM,CAAC,cAAc,EAAE,EAAE;QACvC,OAAO,eAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE,CAAA;KAC3C;SAAM,IAAI,QAAQ,IAAI,OAAO,CAAC,cAAc,EAAE,EAAE;QAC/C,OAAO,eAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;KAC9C;SAAM;QACL,OAAO,eAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;KAC3C;AACH,CAAC,CAAA"}
|
|
@@ -39,7 +39,7 @@ var react_i18next_1 = require("react-i18next");
|
|
|
39
39
|
var useIsAnimatingPlayerAction_1 = require("../../material/utils/useIsAnimatingPlayerAction");
|
|
40
40
|
var PlayMoveButton = function (props) {
|
|
41
41
|
var _a;
|
|
42
|
-
var move = props.move, confirmation = props.confirmation, delayed = props.delayed, skipAnimation = props.skipAnimation, local = props.local, onPlay = props.onPlay, rest = __rest(props, ["move", "confirmation", "delayed", "skipAnimation", "local", "onPlay"]);
|
|
42
|
+
var move = props.move, confirmation = props.confirmation, delayed = props.delayed, skipAnimation = props.skipAnimation, local = props.local, onPlay = props.onPlay, auto = props.auto, rest = __rest(props, ["move", "confirmation", "delayed", "skipAnimation", "local", "onPlay", "auto"]);
|
|
43
43
|
var play = (0, hooks_1.usePlay)();
|
|
44
44
|
var t = (0, react_i18next_1.useTranslation)().t;
|
|
45
45
|
var _b = (0, react_1.useState)(false), showDialog = _b[0], setShowDialog = _b[1];
|
|
@@ -69,7 +69,18 @@ var PlayMoveButton = function (props) {
|
|
|
69
69
|
doPlay();
|
|
70
70
|
}
|
|
71
71
|
}, [confirmation !== undefined, doPlay, displayedLongEnough]);
|
|
72
|
-
|
|
72
|
+
var _d = (0, react_1.useState)(auto), countdown = _d[0], setCountdown = _d[1];
|
|
73
|
+
(0, react_1.useEffect)(function () {
|
|
74
|
+
if (auto) {
|
|
75
|
+
var interval_1 = setInterval(function () { return setCountdown(function (countdown) { return countdown && countdown > 0 ? countdown - 1 : countdown; }); }, 1000);
|
|
76
|
+
return function () { return clearInterval(interval_1); };
|
|
77
|
+
}
|
|
78
|
+
}, [auto]);
|
|
79
|
+
(0, react_1.useEffect)(function () {
|
|
80
|
+
if (countdown === 0)
|
|
81
|
+
play(move);
|
|
82
|
+
}, [countdown, move]);
|
|
83
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!!confirmation && ((0, jsx_runtime_1.jsx)(dialogs_1.Dialog, __assign({ open: showDialog, onBackdropClick: function () { return setShowDialog(false); }, css: [flex, confirmationDialogCss] }, { children: (0, jsx_runtime_1.jsx)(react_2.ThemeProvider, __assign({ theme: function (theme) { return (__assign(__assign({}, theme), { buttons: (0, css_1.buttonCss)('#002448', '#c2ebf1', '#ade4ec') })); } }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ css: content }, { children: [(0, jsx_runtime_1.jsx)("p", { children: confirmation.text }), (0, jsx_runtime_1.jsxs)("div", __assign({ css: buttons }, { children: [(0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ onClick: function () { return setShowDialog(false); } }, rest, { children: (_a = confirmation.cancelText) !== null && _a !== void 0 ? _a : t('Cancel') })), (0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ css: moveButton, onClick: doPlay }, rest))] }))] })) })) }), "dialog")), (0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ onClick: onClick, disabled: disabled, css: countdown && countdownCss(countdown) }, rest), "button")] }));
|
|
73
84
|
};
|
|
74
85
|
exports.PlayMoveButton = PlayMoveButton;
|
|
75
86
|
var buttons = (0, react_2.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 0.3em;\n"], ["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 0.3em;\n"])));
|
|
@@ -77,5 +88,6 @@ var moveButton = (0, react_2.css)(templateObject_2 || (templateObject_2 = __make
|
|
|
77
88
|
var flex = (0, react_2.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n padding: 3em 1em 3em 3em;\n max-width: 90vw;\n max-height: 90vh;\n"], ["\n display: flex;\n padding: 3em 1em 3em 3em;\n max-width: 90vw;\n max-height: 90vh;\n"])));
|
|
78
89
|
var content = (0, react_2.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0 1em;\n font-size: 3em;\n display: flex;\n flex-direction: column;\n"], ["\n margin: 0 1em;\n font-size: 3em;\n display: flex;\n flex-direction: column;\n"])));
|
|
79
90
|
var confirmationDialogCss = (0, react_2.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n position: relative;\n background-color: #f0fbfc;\n color: #002448;\n padding: 1em;\n border-radius: 1em;\n box-shadow: 0 0 0.2em black;\n font-family: \"Mulish\", sans-serif;\n"], ["\n position: relative;\n background-color: #f0fbfc;\n color: #002448;\n padding: 1em;\n border-radius: 1em;\n box-shadow: 0 0 0.2em black;\n font-family: \"Mulish\", sans-serif;\n"])));
|
|
80
|
-
var
|
|
91
|
+
var countdownCss = function (countdown) { return (0, react_2.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n padding-right: 2em;\n position: relative;\n\n &:after {\n content: '", "';\n position: absolute;\n right: 0.5em;\n font-style: italic;\n }\n"], ["\n padding-right: 2em;\n position: relative;\n\n &:after {\n content: '", "';\n position: absolute;\n right: 0.5em;\n font-style: italic;\n }\n"])), countdown); };
|
|
92
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
81
93
|
//# sourceMappingURL=PlayMoveButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlayMoveButton.js","sourceRoot":"","sources":["../../../../src/components/buttons/PlayMoveButton/PlayMoveButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,+BAAkF;AAClF,wCAAqD;AACrD,8CAA4C;AAC5C,yCAAsC;AACtC,wCAAmD;AACnD,oCAAwC;AACxC,+CAA8C;AAC9C,8FAA4F;
|
|
1
|
+
{"version":3,"file":"PlayMoveButton.js","sourceRoot":"","sources":["../../../../src/components/buttons/PlayMoveButton/PlayMoveButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/** @jsxImportSource @emotion/react */
|
|
2
|
+
import { ButtonHTMLAttributes, FC } from 'react';
|
|
3
|
+
import { PlayOptions } from '../../../hooks';
|
|
4
|
+
export type UndoMovesButtonProps = {
|
|
5
|
+
moves?: number;
|
|
6
|
+
} & PlayOptions & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
7
|
+
export declare const UndoMovesButton: FC<UndoMovesButtonProps>;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.UndoMovesButton = void 0;
|
|
26
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
27
|
+
/** @jsxImportSource @emotion/react */
|
|
28
|
+
var react_1 = require("react");
|
|
29
|
+
var hooks_1 = require("../../../hooks");
|
|
30
|
+
var ThemeButton_1 = require("../ThemeButton");
|
|
31
|
+
var useIsAnimatingPlayerAction_1 = require("../../material/utils/useIsAnimatingPlayerAction");
|
|
32
|
+
var UndoMovesButton = function (props) {
|
|
33
|
+
var _a = props.moves, moves = _a === void 0 ? 1 : _a, rest = __rest(props, ["moves"]);
|
|
34
|
+
var _b = (0, hooks_1.useUndo)(), undo = _b[0], canUndo = _b[1];
|
|
35
|
+
var _c = (0, react_1.useState)(false), displayedLongEnough = _c[0], setDisplayedLongEnough = _c[1];
|
|
36
|
+
var isAnimatingPlayerAction = (0, useIsAnimatingPlayerAction_1.useIsAnimatingPlayerAction)();
|
|
37
|
+
var disabled = (0, react_1.useMemo)(function () { return isAnimatingPlayerAction || !canUndo(); }, [isAnimatingPlayerAction, canUndo]);
|
|
38
|
+
(0, react_1.useEffect)(function () {
|
|
39
|
+
if (disabled) {
|
|
40
|
+
setDisplayedLongEnough(false);
|
|
41
|
+
}
|
|
42
|
+
else {
|
|
43
|
+
var timeout_1 = setTimeout(function () { return setDisplayedLongEnough(true); }, 200);
|
|
44
|
+
return function () { return clearTimeout(timeout_1); };
|
|
45
|
+
}
|
|
46
|
+
}, [disabled]);
|
|
47
|
+
var doUndo = (0, react_1.useCallback)(function () {
|
|
48
|
+
undo(moves);
|
|
49
|
+
}, [undo, moves]);
|
|
50
|
+
var onClick = (0, react_1.useCallback)(function () {
|
|
51
|
+
if (displayedLongEnough) {
|
|
52
|
+
doUndo();
|
|
53
|
+
}
|
|
54
|
+
}, [doUndo, displayedLongEnough]);
|
|
55
|
+
return (0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ onClick: onClick, disabled: disabled }, rest), "button");
|
|
56
|
+
};
|
|
57
|
+
exports.UndoMovesButton = UndoMovesButton;
|
|
58
|
+
//# sourceMappingURL=UndoMovesButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UndoMovesButton.js","sourceRoot":"","sources":["../../../../src/components/buttons/UndoMovesButton/UndoMovesButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,+BAA2F;AAC3F,wCAAqD;AACrD,8CAA4C;AAC5C,8FAA4F;AAMrF,IAAM,eAAe,GAA6B,UAAC,KAAK;IACrD,IAAA,KAAuB,KAAK,MAAnB,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAK,IAAI,UAAK,KAAK,EAA9B,SAAsB,CAAF,CAAU;IAC9B,IAAA,KAAkB,IAAA,eAAO,GAAE,EAA1B,IAAI,QAAA,EAAE,OAAO,QAAa,CAAA;IAC3B,IAAA,KAAgD,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA9D,mBAAmB,QAAA,EAAE,sBAAsB,QAAmB,CAAA;IACrE,IAAM,uBAAuB,GAAG,IAAA,uDAA0B,GAAE,CAAA;IAC5D,IAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,uBAAuB,IAAI,CAAC,OAAO,EAAE,EAArC,CAAqC,EAAE,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAC,CAAA;IACzG,IAAA,iBAAS,EAAC;QACR,IAAI,QAAQ,EAAE;YACZ,sBAAsB,CAAC,KAAK,CAAC,CAAA;SAC9B;aAAM;YACL,IAAM,SAAO,GAAG,UAAU,CAAC,cAAM,OAAA,sBAAsB,CAAC,IAAI,CAAC,EAA5B,CAA4B,EAAE,GAAG,CAAC,CAAA;YACnE,OAAO,cAAM,OAAA,YAAY,CAAC,SAAO,CAAC,EAArB,CAAqB,CAAA;SACnC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAM,MAAM,GAAG,IAAA,mBAAW,EAAC;QACzB,IAAI,CAAC,KAAK,CAAC,CAAA;IACb,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAEjB,IAAM,OAAO,GAAG,IAAA,mBAAW,EAAC;QAC1B,IAAI,mBAAmB,EAAE;YACvB,MAAM,EAAE,CAAA;SACT;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAEjC,OAAO,uBAAC,yBAAW,aAAc,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,IAAM,IAAI,GAAvD,QAAQ,CAAkD,CAAA;AACpF,CAAC,CAAA;AA1BY,QAAA,eAAe,mBA0B3B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './UndoMovesButton';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./UndoMovesButton"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/UndoMovesButton/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAiC"}
|
|
@@ -15,5 +15,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./PlayMoveButton"), exports);
|
|
18
|
+
__exportStar(require("./UndoMovesButton"), exports);
|
|
18
19
|
__exportStar(require("./ThemeButton"), exports);
|
|
19
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/buttons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAgC;AAChC,gDAA6B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/buttons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAgC;AAChC,oDAAiC;AACjC,gDAA6B"}
|
|
@@ -9,4 +9,3 @@ export type DialogProps = {
|
|
|
9
9
|
rootId?: string;
|
|
10
10
|
} & HTMLAttributes<HTMLDivElement>;
|
|
11
11
|
export declare const Dialog: ({ children, open, backdropCss, onBackdropClick, transitionDelay, rootId, ...props }: DialogProps) => import("react").ReactPortal;
|
|
12
|
-
export declare const dialogDefaultCss: import("@emotion/utils").SerializedStyles;
|
|
@@ -26,7 +26,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
26
26
|
return t;
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.
|
|
29
|
+
exports.Dialog = void 0;
|
|
30
30
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
31
31
|
/** @jsxImportSource @emotion/react */
|
|
32
32
|
var react_1 = require("@emotion/react");
|
|
@@ -57,13 +57,13 @@ var Dialog = function (_a) {
|
|
|
57
57
|
console.error('Dialog cannot be displayed because this element id does not exists:', rootId);
|
|
58
58
|
return null;
|
|
59
59
|
}
|
|
60
|
-
return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", __assign({ css: [backdropStyle(transitionDelay), !open && hide(transitionDelay), backdropCss], onClick: function (event) { return !justDisplayed && (onBackdropClick === null || onBackdropClick === void 0 ? void 0 : onBackdropClick(event)); } }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ onClick: function (event) { return event.stopPropagation(); } }, props, { children: children })) })), root);
|
|
60
|
+
return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", __assign({ css: [backdropStyle(transitionDelay), !open && hide(transitionDelay), backdropCss], onClick: function (event) { return !justDisplayed && (onBackdropClick === null || onBackdropClick === void 0 ? void 0 : onBackdropClick(event)); } }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ onClick: function (event) { return event.stopPropagation(); }, css: function (theme) { return dialogCss(theme); } }, props, { children: children })) })), root);
|
|
61
61
|
};
|
|
62
62
|
exports.Dialog = Dialog;
|
|
63
63
|
var fadeIn = (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"], ["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
|
|
64
64
|
var fadeOut = (0, react_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n"], ["\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n"])));
|
|
65
65
|
var backdropStyle = function (transitionDelay) { return (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: fixed;\n top: 0;\n width: 100vw;\n height: 100vh;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1100;\n transition: opacity ", "s;\n animation: ", " ", "s forwards;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n position: fixed;\n top: 0;\n width: 100vw;\n height: 100vh;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1100;\n transition: opacity ", "s;\n animation: ", " ", "s forwards;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), transitionDelay, fadeIn, transitionDelay); };
|
|
66
66
|
var hide = function (transitionDelay) { return (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n animation: ", " ", "s forwards;\n pointer-events: none;\n"], ["\n animation: ", " ", "s forwards;\n pointer-events: none;\n"])), fadeOut, transitionDelay); };
|
|
67
|
-
|
|
67
|
+
var dialogCss = function (theme) { return (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n position: relative;\n background-color: ", ";\n color: ", ";\n padding: 1em;\n border-radius: 1em;\n box-shadow: 0 0 0.2em black;\n"], ["\n position: relative;\n background-color: ", ";\n color: ", ";\n padding: 1em;\n border-radius: 1em;\n box-shadow: 0 0 0.2em black;\n"])), theme.dialog.backgroundColor, theme.dialog.color); };
|
|
68
68
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
69
69
|
//# sourceMappingURL=Dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/Dialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/Dialog.tsx"],"names":[],"mappings":"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"}
|