@gamepark/react-game 7.4.1 → 7.5.1
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/SpeechBubble.js +1 -1
- package/dist/components/GameProvider/GameProvider.js +33 -1
- package/dist/components/GameProvider/GameProvider.js.map +1 -1
- package/dist/components/Header/Header.js +10 -7
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/JournalTabs/Chat/ChatTextInput.js +4 -1
- package/dist/components/JournalTabs/Chat/ChatTextInput.js.map +1 -1
- package/dist/components/JournalTabs/Chat/SignInToChat.js +13 -1
- package/dist/components/JournalTabs/Chat/SignInToChat.js.map +1 -1
- package/dist/components/JournalTabs/History/History.js +3 -2
- package/dist/components/JournalTabs/History/History.js.map +1 -1
- package/dist/components/JournalTabs/JournalTabs.js +8 -7
- package/dist/components/JournalTabs/JournalTabs.js.map +1 -1
- package/dist/components/LoadingScreen/LoadingScreen.js +2 -2
- package/dist/components/Log/LiveLogButton.js +2 -2
- package/dist/components/Log/LiveLogButton.js.map +1 -1
- package/dist/components/PlayerPanel/Counters.js +3 -1
- package/dist/components/PlayerPanel/Counters.js.map +1 -1
- package/dist/components/PlayerPanel/PlayerPanel.js +9 -7
- package/dist/components/PlayerPanel/PlayerPanel.js.map +1 -1
- package/dist/components/PlayerPanel/StyledPlayerPanel.js +6 -5
- package/dist/components/PlayerPanel/StyledPlayerPanel.js.map +1 -1
- package/dist/components/buttons/PlayMoveButton/PlayMoveButton.js +6 -6
- package/dist/components/buttons/PlayMoveButton/PlayMoveButton.js.map +1 -1
- package/dist/components/dialogs/Dialog.js +6 -5
- package/dist/components/dialogs/Dialog.js.map +1 -1
- package/dist/components/dialogs/FailuresDialog.js +5 -3
- package/dist/components/dialogs/FailuresDialog.js.map +1 -1
- package/dist/components/dialogs/ResultDialog/RematchDisplay.js +4 -3
- package/dist/components/dialogs/ResultDialog/RematchDisplay.js.map +1 -1
- package/dist/components/dialogs/ResultDialog/RematchSection.js +4 -3
- package/dist/components/dialogs/ResultDialog/RematchSection.js.map +1 -1
- package/dist/components/dialogs/ResultDialog/ResultDialog.js +36 -21
- package/dist/components/dialogs/ResultDialog/ResultDialog.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/DefaultHelpDisplay.d.ts +2 -0
- package/dist/components/dialogs/RulesDialog/DefaultHelpDisplay.js +25 -0
- package/dist/components/dialogs/RulesDialog/DefaultHelpDisplay.js.map +1 -0
- package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.js +3 -2
- package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.js +8 -25
- package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/RulesDialog.js +5 -4
- package/dist/components/dialogs/RulesDialog/RulesDialog.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/RulesHelpDialogContent.js +4 -3
- package/dist/components/dialogs/RulesDialog/RulesHelpDialogContent.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/index.d.ts +1 -0
- package/dist/components/dialogs/RulesDialog/index.js +1 -0
- package/dist/components/dialogs/RulesDialog/index.js.map +1 -1
- package/dist/components/material/GameTable/GameTableNavigation.js +1 -1
- package/dist/components/material/MaterialDescription.d.ts +13 -0
- package/dist/components/material/MaterialDescription.js +7 -0
- package/dist/components/material/MaterialDescription.js.map +1 -1
- package/dist/components/material/animations/CreateItemAnimations.js +28 -18
- package/dist/components/material/animations/CreateItemAnimations.js.map +1 -1
- package/dist/components/material/animations/MoveItemAnimations.js +1 -2
- package/dist/components/material/animations/MoveItemAnimations.js.map +1 -1
- package/dist/components/menus/EjectPlayer/EjectPlayerButton.js +2 -22
- package/dist/components/menus/EjectPlayer/EjectPlayerButton.js.map +1 -1
- package/dist/components/menus/EjectPlayer/EjectPlayerDialog.js +6 -16
- package/dist/components/menus/EjectPlayer/EjectPlayerDialog.js.map +1 -1
- package/dist/components/menus/EjectPlayer/EjectPlayerPopButton.js +12 -1
- package/dist/components/menus/EjectPlayer/EjectPlayerPopButton.js.map +1 -1
- package/dist/components/menus/Fullscreen/FullscreenButton.js +4 -2
- package/dist/components/menus/Fullscreen/FullscreenButton.js.map +1 -1
- package/dist/components/menus/Fullscreen/FullscreenDialog.js +6 -4
- package/dist/components/menus/Fullscreen/FullscreenDialog.js.map +1 -1
- package/dist/components/menus/Fullscreen/FullscreenPopButton.js +4 -2
- package/dist/components/menus/Fullscreen/FullscreenPopButton.js.map +1 -1
- package/dist/components/menus/GiveUpButton/GiveUpButton.js +7 -16
- package/dist/components/menus/GiveUpButton/GiveUpButton.js.map +1 -1
- package/dist/components/menus/Menu/Menu.js +7 -6
- package/dist/components/menus/Menu/Menu.js.map +1 -1
- package/dist/components/menus/Menu/NavButton.js +4 -2
- package/dist/components/menus/Menu/NavButton.js.map +1 -1
- package/dist/components/menus/PlayerQuit/TrackPlayersQuit.js +4 -2
- package/dist/components/menus/PlayerQuit/TrackPlayersQuit.js.map +1 -1
- package/dist/components/menus/RestartTutorialButton/RestartTutorialButton.js +2 -2
- package/dist/components/menus/RestartTutorialButton/RestartTutorialButton.js.map +1 -1
- package/dist/components/menus/Result/ResultButton.js +2 -2
- package/dist/components/menus/Result/ResultButton.js.map +1 -1
- package/dist/components/menus/Result/ResultPopButton.js +4 -2
- package/dist/components/menus/Result/ResultPopButton.js.map +1 -1
- package/dist/components/menus/SoundButton/SoundButton.js +2 -2
- package/dist/components/menus/SoundButton/SoundButton.js.map +1 -1
- package/dist/components/menus/TimeStatsButton/TimeStatsButton.js +12 -11
- package/dist/components/menus/TimeStatsButton/TimeStatsButton.js.map +1 -1
- package/dist/components/menus/UndoButton/UndoButton.js +2 -2
- package/dist/components/menus/UndoButton/UndoButton.js.map +1 -1
- package/dist/components/menus/UndoButton/UndoPopButton.js +4 -2
- package/dist/components/menus/UndoButton/UndoPopButton.js.map +1 -1
- package/dist/components/menus/menuCss.d.ts +5 -0
- package/dist/components/menus/menuCss.js +58 -5
- package/dist/components/menus/menuCss.js.map +1 -1
- package/dist/components/tutorial/MaterialTutorialDisplay.js +7 -5
- package/dist/components/tutorial/MaterialTutorialDisplay.js.map +1 -1
- package/dist/css/GameTheme.d.ts +64 -0
- package/dist/css/GameTheme.js +17 -1
- package/dist/css/GameTheme.js.map +1 -1
- package/dist/css/buttonCss.d.ts +1 -0
- package/dist/css/buttonCss.js +25 -0
- package/dist/css/buttonCss.js.map +1 -1
- package/dist/locators/GridLocator.d.ts +88 -0
- package/dist/locators/GridLocator.js +156 -0
- package/dist/locators/GridLocator.js.map +1 -0
- package/dist/locators/HandLocator.d.ts +1 -1
- package/dist/locators/ListLocator.d.ts +1 -1
- package/dist/locators/PileLocator.d.ts +1 -1
- package/dist/locators/index.d.ts +1 -0
- package/dist/locators/index.js +1 -0
- package/dist/locators/index.js.map +1 -1
- package/dist/utilities/translation.util.js +7 -9
- package/dist/utilities/translation.util.js.map +1 -1
- package/package.json +3 -3
|
@@ -7,6 +7,7 @@ import { groupBy } from 'es-toolkit';
|
|
|
7
7
|
import { partition } from 'es-toolkit/compat';
|
|
8
8
|
import { Trans } from 'react-i18next';
|
|
9
9
|
import { getItemFromContext } from '../../locators';
|
|
10
|
+
import { DefaultHelpDisplay } from '../dialogs';
|
|
10
11
|
import { defaultElevation, getElevationKeyframes } from './animations';
|
|
11
12
|
import { ComponentDescription } from './ComponentDescription';
|
|
12
13
|
import { ItemMenuButton } from './ItemMenuButton';
|
|
@@ -19,6 +20,12 @@ export class MaterialDescription extends ComponentDescription {
|
|
|
19
20
|
* Content of the help dialog opened when an item is clicked
|
|
20
21
|
*/
|
|
21
22
|
help;
|
|
23
|
+
/**
|
|
24
|
+
* Custom component to render the item display area in the help dialog.
|
|
25
|
+
* Replaces the default item rendering (left side of the dialog).
|
|
26
|
+
* Use this to customize item positioning, show multiple items, add overlays, etc.
|
|
27
|
+
*/
|
|
28
|
+
helpDisplay = DefaultHelpDisplay;
|
|
22
29
|
/**
|
|
23
30
|
* If the component can be moved (token, cards...) or not (writing)
|
|
24
31
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaterialDescription.js","sourceRoot":"","sources":["../../../src/components/material/MaterialDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAmC,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAA;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EACL,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,MAAM,EACN,YAAY,EAKZ,mBAAmB,EAGpB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAG7C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAyC,MAAM,gBAAgB,CAAA;AAC1F,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAmB,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAClE,IAAO,mBAAmB,GAAG,mBAAmB,CAAC,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"MaterialDescription.js","sourceRoot":"","sources":["../../../src/components/material/MaterialDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAmC,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAA;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EACL,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,MAAM,EACN,YAAY,EAKZ,mBAAmB,EAGpB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAG7C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAyC,MAAM,gBAAgB,CAAA;AAC1F,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAmB,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAClE,IAAO,mBAAmB,GAAG,mBAAmB,CAAC,mBAAmB,CAAA;AAuBpE;;GAEG;AACH,MAAM,OAAgB,mBACpB,SAAQ,oBAA4B;IACpC;;OAEG;IACH,IAAI,CAA4C;IAEhD;;;;OAIG;IACH,WAAW,GAAqD,kBAAkB,CAAA;IAOlF;;OAEG;IACH,QAAQ,GAAG,KAAK,CAAA;IAEhB;;OAEG;IACH,UAAU,CAAqB;IAE/B;;OAEG;IACH,WAAW,GAAyB,EAAE,CAAA;IAEtC;;;;;;OAMG;IACH,cAAc,CAAC,QAAkC;QAC/C,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAA;IAC/D,CAAC;IAED;;OAEG;IACH,aAAa,CAAiB;IAE9B;;;;;;OAMG;IACH,gBAAgB,CAAC,KAAyB,EAAE,QAAkC;QAC5E,OAAO,IAAI,CAAC,aAAa,CAAA;IAC3B,CAAC;IAED;;OAEG;IACH,QAAQ,CAAiB;IAEzB;;OAEG;IACH,SAAS,GAAqB,EAAE,CAAA;IAEhC;;;;;;OAMG;IACH,YAAY,CAAC,KAAyB,EAAE,QAA8B;QACpE,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAA;IACzD,CAAC;IAED;;;;;OAKG;IACH,OAAO,CAAC,KAA4B,EAAE,QAA8B;QAClE,OAAO,KAAK,CAAA;IACd,CAAC;IAED;;;;;OAKG;IACH,YAAY,CAAC,IAA2B,EAAE,OAA6B;QACrE,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,KAAK,CAAA;IACvI,CAAC;IAED;;;;;OAKG;IACH,aAAa,CAAC,IAA2B,EAAE,OAA6B;QACtE,OAAO,YAAY,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,KAAK,CAAA;IACjG,CAAC;IAED;;;;OAIG;IACH,iBAAiB,CAAC,QAA8B;QAC9C,OAAO,SAAS,CAAA;IAClB,CAAC;IAED;;;;OAIG;IACH,sBAAsB,CAAC,QAA8B;QACnD,OAAO,SAAS,CAAA;IAClB,CAAC;IAGD;;OAEG;IACH,SAAS,GAAG,IAAI,CAAA;IAEhB;;;;;OAKG;IACH,YAAY,CAAC,KAAyB,EAAE,QAA8B;QACpE,OAAO,IAAI,CAAC,SAAS,CAAA;IACvB,CAAC;IAED;;;;;OAKG;IACH,eAAe,CAAC,KAAyB,EAAE,QAA8B;QACvE,OAAM;IACR,CAAC;IAED;;;;;OAKG;IACH,SAAS,CAAC,KAAyB,EAAE,QAA8B;QACjE,OAAM;IACR,CAAC;IAED;;;;;;OAMG;IACH,WAAW,CAAC,IAAwB,EAAE,OAA6B;QACjE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,OAAO,CAAA;QAC7C,OAAO,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,CAAA;IAC7D,CAAC;IAED;;;;;OAKG;IACH,gBAAgB,CAAC,IAAwB,EAAE,OAA6B;QACtE,MAAM,SAAS,GAAG,CAAC,uBAAuB,CAAC,CAAA;QAC3C,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QACpD,IAAI,OAAO,EAAE,CAAC;YACZ,SAAS,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;YACnD,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC;gBAAE,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAC7D,CAAC;QACD,OAAO,SAAS,CAAA;IAClB,CAAC;IAED;;;;;OAKG;IACH,iBAAiB,CAAC,KAAyB,EAAE,QAA8B;QACzE,OAAO,EAAE,CAAA;IACX,CAAC;IAED;;;;;OAKG;IACH,gBAAgB,CAAC,OAA6B,EAAE,SAAkC;QAChF,MAAM,SAAS,GAAqB,EAAE,CAAA;QACtC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,SAAS,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;QACtE,MAAM,eAAe,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE,CAClD,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CACvI,CAAA;QACD,KAAK,MAAM,IAAI,IAAI,eAAe,EAAE,CAAC;YACnC,MAAM,OAAO,GAAiC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAM,CAAC,CAAA;YACnF,IAAI,OAAO,EAAE,CAAC;gBACZ,SAAS,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,CAAA;YAC7E,CAAC;iBAAM,CAAC;gBACN,SAAS,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;YACpG,CAAC;QACH,CAAC;QACD,SAAS,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;QACvF,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,oBAAoB,CAAC,OAA6B,EAAE,IAA2B;QAC7E,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YACzD,OAAO,CAAC,IAAI,CAAC,QAA0B,CAAC,CAAA;QAC1C,CAAC;aAAM,IAAI,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9B,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAA;YACjF,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QAC7C,CAAC;QACD,OAAO,EAAE,CAAA;IACX,CAAC;IAED,UAAU,CAAC,IAAwB,EAAE,CAAY,EAAE,QAA8B;QAC/E,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,CAAC,CAAC,kBAAkB,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;QACnF,OAAM;IACR,CAAC;IAED,iBAAiB,GAAG,KAAK,CAAA;IAEzB,mBAAmB,CAAC,KAAyB,EAAE,QAA8B;QAC3E,OAAO,IAAI,CAAC,iBAAiB,CAAA;IAC/B,CAAC;IAED,WAAW,CAAC,KAAyB,EAAE,QAA8B,EAAE,WAAoC;QACzG,OAAM;IACR,CAAC;IAED,aAAa,CAAC,IAAwB,EAAE,OAA6B,EAAE,QAAkC,EAAE;QACzG,OAAO,KAAC,cAAc,IACpB,KAAK,EAAE,KAAC,KAAK,IAAC,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,GAAE,EAC1C,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,EACrC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAC5B,KAAK,EAAE,EAAE,KAAM,KAAK,YACpB,KAAC,eAAe,IAAC,IAAI,EAAE,UAAU,GAAG,GACrB,CAAA;IACnB,CAAC;IAED,eAAe,CAAC,kBAA6B,EAAE,QAAgB;QAC7D,MAAM,YAAY,GAAG,qBAAqB,CAAC,gBAAgB,CAAC,CAAA;QAC5D,OAAO,GAAG,CAAA;mBACK,YAAY,IAAI,QAAQ;;;qBAGtB,kBAAkB,IAAI,QAAQ;;KAE9C,CAAA;IACH,CAAC;IAED,sBAAsB,CAAC,KAAkC,EAAE,QAA8B;QACvF,OAAM;IACR,CAAC;CACF;AAED,SAAS,gBAAgB,CAAuD,IAA2B;IACzG,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAA;AACpD,CAAC"}
|
|
@@ -9,7 +9,7 @@ import { transformItem } from './transformItem.util';
|
|
|
9
9
|
// Use action.id as key instead of object reference, because Immer proxies in the reducer
|
|
10
10
|
// differ from the finalized objects used during React rendering.
|
|
11
11
|
const createdItemIndexes = new Map();
|
|
12
|
-
const preQuantitySnapshots = new
|
|
12
|
+
const preQuantitySnapshots = new Map();
|
|
13
13
|
function getConsequenceIndex(action) {
|
|
14
14
|
const step = action.animation?.step;
|
|
15
15
|
return (step === AnimationStep.BEFORE_MOVE || step === AnimationStep.AFTER_UNDO)
|
|
@@ -24,14 +24,6 @@ function getInnerMap(map, key) {
|
|
|
24
24
|
}
|
|
25
25
|
return inner;
|
|
26
26
|
}
|
|
27
|
-
function getWeakInnerMap(weakMap, action) {
|
|
28
|
-
let map = weakMap.get(action);
|
|
29
|
-
if (!map) {
|
|
30
|
-
map = new Map();
|
|
31
|
-
weakMap.set(action, map);
|
|
32
|
-
}
|
|
33
|
-
return map;
|
|
34
|
-
}
|
|
35
27
|
export class CreateItemAnimations extends ItemAnimations {
|
|
36
28
|
duration;
|
|
37
29
|
trajectory;
|
|
@@ -44,7 +36,7 @@ export class CreateItemAnimations extends ItemAnimations {
|
|
|
44
36
|
const rules = new context.Rules(context.game, { player: context.playerId });
|
|
45
37
|
const items = rules.game.items?.[move.itemType] ?? [];
|
|
46
38
|
const key = getConsequenceIndex(context.action);
|
|
47
|
-
|
|
39
|
+
getInnerMap(preQuantitySnapshots, context.action.id).set(key, items.map((item) => item.quantity));
|
|
48
40
|
return 0;
|
|
49
41
|
}
|
|
50
42
|
getPostDuration(move, context) {
|
|
@@ -52,23 +44,41 @@ export class CreateItemAnimations extends ItemAnimations {
|
|
|
52
44
|
const items = rules.game.items?.[move.itemType] ?? [];
|
|
53
45
|
const key = getConsequenceIndex(context.action);
|
|
54
46
|
const actionId = context.action.id;
|
|
55
|
-
|
|
56
|
-
|
|
47
|
+
// Start with the prediction — always available and correct except in simultaneous phases
|
|
48
|
+
let createdIndex = rules.mutator(move.itemType).getItemCreationIndex(move.item);
|
|
49
|
+
// Try to improve with a snapshot comparison (handles simultaneous phases correctly)
|
|
50
|
+
let snapshots = preQuantitySnapshots.get(actionId);
|
|
51
|
+
let snapshot = snapshots?.get(key);
|
|
52
|
+
// Fallback: action.id may have changed (local-xxx → server id) since getPreDuration
|
|
53
|
+
if (!snapshot) {
|
|
54
|
+
for (const [id, innerMap] of preQuantitySnapshots) {
|
|
55
|
+
const candidate = innerMap.get(key);
|
|
56
|
+
if (candidate) {
|
|
57
|
+
snapshots = innerMap;
|
|
58
|
+
snapshot = candidate;
|
|
59
|
+
innerMap.delete(key);
|
|
60
|
+
if (innerMap.size === 0)
|
|
61
|
+
preQuantitySnapshots.delete(id);
|
|
62
|
+
break;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
snapshots.delete(key);
|
|
68
|
+
if (snapshots.size === 0)
|
|
69
|
+
preQuantitySnapshots.delete(actionId);
|
|
70
|
+
}
|
|
57
71
|
if (snapshot) {
|
|
58
72
|
for (let i = 0; i < items.length; i++) {
|
|
59
73
|
const oldQuantity = i < snapshot.length ? (snapshot[i] ?? 1) : 0;
|
|
60
74
|
const newQuantity = items[i]?.quantity ?? 1;
|
|
61
75
|
if (newQuantity > oldQuantity) {
|
|
62
|
-
|
|
76
|
+
createdIndex = i;
|
|
63
77
|
break;
|
|
64
78
|
}
|
|
65
79
|
}
|
|
66
|
-
snapshots?.delete(key);
|
|
67
|
-
}
|
|
68
|
-
else {
|
|
69
|
-
// Fallback: use prediction (may be wrong in simultaneous phases)
|
|
70
|
-
getInnerMap(createdItemIndexes, actionId).set(key, rules.mutator(move.itemType).getItemCreationIndex(move.item));
|
|
71
80
|
}
|
|
81
|
+
getInnerMap(createdItemIndexes, actionId).set(key, createdIndex);
|
|
72
82
|
// Clean up to prevent memory leaks (Map doesn't auto-collect like WeakMap)
|
|
73
83
|
setTimeout(() => {
|
|
74
84
|
const map = createdItemIndexes.get(actionId);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/CreateItemAnimations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAS,MAAM,gBAAgB,CAAA;AAChE,OAAO,EAAa,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,sBAAsB,EAAe,MAAM,mBAAmB,CAAA;AAC1G,OAAO,EAAE,iBAAiB,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAA;AACnG,OAAO,EAAE,cAAc,EAA6B,MAAM,kBAAkB,CAAA;AAE5E,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAExE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,yFAAyF;AACzF,iEAAiE;AACjE,MAAM,kBAAkB,GAAG,IAAI,GAAG,EAA2C,CAAA;AAC7E,MAAM,oBAAoB,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"CreateItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/CreateItemAnimations.ts"],"names":[],"mappings":"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"}
|
|
@@ -98,8 +98,7 @@ export class MoveItemAnimations extends ItemAnimations {
|
|
|
98
98
|
return mergeIndex;
|
|
99
99
|
}
|
|
100
100
|
else if ((items[move.itemIndex].quantity ?? 1) > (move.quantity ?? 1)) {
|
|
101
|
-
|
|
102
|
-
return availableIndex !== -1 ? availableIndex : items.length;
|
|
101
|
+
return mutator.getItemCreationIndex(itemAfterMove, items[move.itemIndex]?.location?.player);
|
|
103
102
|
}
|
|
104
103
|
else {
|
|
105
104
|
return move.itemIndex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MoveItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/MoveItemAnimations.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"MoveItemAnimations.js","sourceRoot":"","sources":["../../../../src/components/material/animations/MoveItemAnimations.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,32 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
2
|
import { faUserSlash } from '@fortawesome/free-solid-svg-icons/faUserSlash';
|
|
4
3
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
5
4
|
import { useTranslation } from 'react-i18next';
|
|
6
|
-
import { menuButtonCss } from '../menuCss';
|
|
5
|
+
import { menuButtonCss, paletteDangerButtonCss, paletteMenuButtonCss } from '../menuCss';
|
|
7
6
|
import { useOpponentWithMaxTime } from '../../../hooks';
|
|
8
7
|
export const EjectPlayerButton = (props) => {
|
|
9
8
|
const { t } = useTranslation('common');
|
|
10
9
|
const opponentWithNegativeTime = useOpponentWithMaxTime(0);
|
|
11
|
-
return (_jsxs("button", { css: [menuButtonCss,
|
|
10
|
+
return (_jsxs("button", { css: [menuButtonCss, paletteMenuButtonCss, paletteDangerButtonCss], disabled: !opponentWithNegativeTime, ...props, children: [_jsx(FontAwesomeIcon, { icon: faUserSlash }), t('Eject player')] }));
|
|
12
11
|
};
|
|
13
|
-
const buttonCss = css `
|
|
14
|
-
color: darkred;
|
|
15
|
-
border-color: darkred;
|
|
16
|
-
|
|
17
|
-
&:focus, &:hover {
|
|
18
|
-
background: #ffd7d7;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
&:active {
|
|
22
|
-
background: #ffbebe;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
&:disabled {
|
|
26
|
-
color: #555555;
|
|
27
|
-
border-color: #555555;
|
|
28
|
-
background: transparent;
|
|
29
|
-
cursor: auto;
|
|
30
|
-
}
|
|
31
|
-
`;
|
|
32
12
|
//# sourceMappingURL=EjectPlayerButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EjectPlayerButton.js","sourceRoot":"","sources":["../../../../src/components/menus/EjectPlayer/EjectPlayerButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"EjectPlayerButton.js","sourceRoot":"","sources":["../../../../src/components/menus/EjectPlayer/EjectPlayerButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AACxF,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAEvD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAwC,EAAE,EAAE;IAC5E,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAA;IAC1D,OAAO,CACL,kBAAQ,GAAG,EAAE,CAAC,aAAa,EAAE,oBAAoB,EAAE,sBAAsB,CAAC,EAAE,QAAQ,EAAE,CAAC,wBAAwB,KAAM,KAAK,aACxH,KAAC,eAAe,IAAC,IAAI,EAAE,WAAW,GAAG,EACpC,CAAC,CAAC,cAAc,CAAC,IACX,CACV,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { css } from '@emotion/react';
|
|
2
|
+
import { css, useTheme } from '@emotion/react';
|
|
3
3
|
import { faUserSlash } from '@fortawesome/free-solid-svg-icons/faUserSlash';
|
|
4
4
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
5
5
|
import { ejectPlayer, useGameDispatch, useGameSelector } from '@gamepark/react-client';
|
|
@@ -10,11 +10,12 @@ import { useEffect } from 'react';
|
|
|
10
10
|
import { useTranslation } from 'react-i18next';
|
|
11
11
|
import { useOpponentWithMaxTime, usePlayerName } from '../../../hooks';
|
|
12
12
|
import { Dialog } from '../../dialogs';
|
|
13
|
-
import { menuButtonCss, menuDialogCss } from '../menuCss';
|
|
13
|
+
import { menuButtonCss, menuDialogCss, paletteDangerButtonCss, paletteMenuButtonCss } from '../menuCss';
|
|
14
14
|
dayjs.extend(duration);
|
|
15
15
|
dayjs.extend(relativeTime);
|
|
16
16
|
export const EjectPlayerDialog = ({ close, ...props }) => {
|
|
17
17
|
const { t } = useTranslation('common');
|
|
18
|
+
const theme = useTheme();
|
|
18
19
|
const maxExceedTime = useGameSelector((state) => state.options?.maxExceedTime ?? 60000);
|
|
19
20
|
const opponentWithNegativeTime = useOpponentWithMaxTime(0);
|
|
20
21
|
const opponentThatCanBeEjected = useOpponentWithMaxTime();
|
|
@@ -27,23 +28,12 @@ export const EjectPlayerDialog = ({ close, ...props }) => {
|
|
|
27
28
|
}, [opponentWithNegativeTime]);
|
|
28
29
|
if (!opponentWithNegativeTime)
|
|
29
30
|
return null;
|
|
31
|
+
const themedButtonCss = [menuButtonCss, paletteMenuButtonCss, theme.menu?.button];
|
|
30
32
|
return (_jsxs(Dialog, { onBackdropClick: close, css: menuDialogCss, ...props, children: [_jsx("h2", { children: t('eject.dialog.p1', { player: opponentName }) }), !opponentThatCanBeEjected ?
|
|
31
33
|
_jsx("p", { children: t('eject.dialog.p2', { duration: dayjs.duration(maxExceedTime).humanize() }) }) :
|
|
32
|
-
_jsx("p", { children: t('eject.dialog.p3') }), _jsxs("div", { css: buttonLineCss, children: [_jsx("button", { css: [
|
|
33
|
-
_jsxs("button", { css: [
|
|
34
|
+
_jsx("p", { children: t('eject.dialog.p3') }), _jsxs("div", { css: buttonLineCss, children: [_jsx("button", { css: [...themedButtonCss, inDialogButton], onClick: close, children: t('Close') }), opponentThatCanBeEjected &&
|
|
35
|
+
_jsxs("button", { css: [...themedButtonCss, paletteDangerButtonCss, inDialogButton], onClick: () => dispatch(ejectPlayer(opponentThatCanBeEjected.id)), children: [_jsx(FontAwesomeIcon, { icon: faUserSlash }), t('Eject {player}', { player: opponentName })] })] })] }));
|
|
34
36
|
};
|
|
35
|
-
const buttonCss = css `
|
|
36
|
-
color: darkred;
|
|
37
|
-
border-color: darkred;
|
|
38
|
-
|
|
39
|
-
&:focus, &:hover {
|
|
40
|
-
background: #ffd7d7
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
&:active {
|
|
44
|
-
background: #ffbebe
|
|
45
|
-
}
|
|
46
|
-
`;
|
|
47
37
|
const buttonLineCss = css `
|
|
48
38
|
margin-top: 1em;
|
|
49
39
|
display: flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EjectPlayerDialog.js","sourceRoot":"","sources":["../../../../src/components/menus/EjectPlayer/EjectPlayerDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"EjectPlayerDialog.js","sourceRoot":"","sources":["../../../../src/components/menus/EjectPlayer/EjectPlayerDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ export const EjectPlayerPopButton = (props) => {
|
|
|
10
10
|
const opponentWithNegativeTime = useOpponentWithMaxTime(0);
|
|
11
11
|
const [, canUndo] = useUndo();
|
|
12
12
|
const canUndoLastMove = canUndo();
|
|
13
|
-
return (_jsx(MenuPopButton, { pop: opponentWithNegativeTime !== undefined, popPosition: canUndoLastMove ? 2 : 1, css: style, title: t('Eject player'), ...props, children: _jsx(FontAwesomeIcon, { icon: faUserSlash }) }));
|
|
13
|
+
return (_jsx(MenuPopButton, { pop: opponentWithNegativeTime !== undefined, popPosition: canUndoLastMove ? 2 : 1, css: [style, dangerStyle], title: t('Eject player'), ...props, children: _jsx(FontAwesomeIcon, { icon: faUserSlash }) }));
|
|
14
14
|
};
|
|
15
15
|
const style = css `
|
|
16
16
|
background: white;
|
|
@@ -24,4 +24,15 @@ const style = css `
|
|
|
24
24
|
background: #ffbebe;
|
|
25
25
|
}
|
|
26
26
|
`;
|
|
27
|
+
const dangerStyle = css `
|
|
28
|
+
color: var(--gp-danger);
|
|
29
|
+
|
|
30
|
+
&:focus, &:hover {
|
|
31
|
+
background: var(--gp-danger-hover);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&:active {
|
|
35
|
+
background: var(--gp-danger-active);
|
|
36
|
+
}
|
|
37
|
+
`;
|
|
27
38
|
//# sourceMappingURL=EjectPlayerPopButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EjectPlayerPopButton.js","sourceRoot":"","sources":["../../../../src/components/menus/EjectPlayer/EjectPlayerPopButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,sBAAsB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAErD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAwC,EAAE,EAAE;IAC/E,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAA;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,OAAO,EAAE,CAAA;IAC7B,MAAM,eAAe,GAAG,OAAO,EAAE,CAAA;IAEjC,OAAO,CACL,KAAC,aAAa,IAAC,GAAG,EAAE,wBAAwB,KAAK,SAAS,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACjF,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,cAAc,CAAE,KAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"EjectPlayerPopButton.js","sourceRoot":"","sources":["../../../../src/components/menus/EjectPlayer/EjectPlayerPopButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,sBAAsB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAErD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAwC,EAAE,EAAE;IAC/E,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAA;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,OAAO,EAAE,CAAA;IAC7B,MAAM,eAAe,GAAG,OAAO,EAAE,CAAA;IAEjC,OAAO,CACL,KAAC,aAAa,IAAC,GAAG,EAAE,wBAAwB,KAAK,SAAS,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACjF,GAAG,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,cAAc,CAAE,KAAM,KAAK,YAC5E,KAAC,eAAe,IAAC,IAAI,EAAE,WAAW,GAAG,GACvB,CACjB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;CAWhB,CAAA;AAED,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;CAUtB,CAAA"}
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { useTheme } from '@emotion/react';
|
|
2
3
|
import { faCompress } from '@fortawesome/free-solid-svg-icons/faCompress';
|
|
3
4
|
import { faExpand } from '@fortawesome/free-solid-svg-icons/faExpand';
|
|
4
5
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
5
6
|
import { useTranslation } from 'react-i18next';
|
|
6
7
|
import { useFullscreen } from '../../../hooks';
|
|
7
|
-
import { menuButtonCss } from '../menuCss';
|
|
8
|
+
import { menuButtonCss, paletteMenuButtonCss } from '../menuCss';
|
|
8
9
|
export const FullscreenButton = () => {
|
|
9
10
|
const { t } = useTranslation('common');
|
|
11
|
+
const theme = useTheme();
|
|
10
12
|
const { fullscreen, toggleFullscreen } = useFullscreen();
|
|
11
|
-
return (_jsxs("button", { css: menuButtonCss, onClick: toggleFullscreen, children: [_jsx(FontAwesomeIcon, { icon: fullscreen ? faCompress : faExpand }), fullscreen ? t('Leave full screen') : t('Go to full screen')] }));
|
|
13
|
+
return (_jsxs("button", { css: [menuButtonCss, paletteMenuButtonCss, theme.menu?.button], onClick: toggleFullscreen, children: [_jsx(FontAwesomeIcon, { icon: fullscreen ? faCompress : faExpand }), fullscreen ? t('Leave full screen') : t('Go to full screen')] }));
|
|
12
14
|
};
|
|
13
15
|
//# sourceMappingURL=FullscreenButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenButton.js","sourceRoot":"","sources":["../../../../src/components/menus/Fullscreen/FullscreenButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAA;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"FullscreenButton.js","sourceRoot":"","sources":["../../../../src/components/menus/Fullscreen/FullscreenButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAA;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAEhE,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE,CAAA;IAExD,OAAO,CACL,kBAAQ,GAAG,EAAE,CAAC,aAAa,EAAE,oBAAoB,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,gBAAgB,aAC/F,KAAC,eAAe,IAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,GAAG,EAC3D,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,IACtD,CACV,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { css } from '@emotion/react';
|
|
2
|
+
import { css, useTheme } from '@emotion/react';
|
|
3
3
|
import { faExpand } from '@fortawesome/free-solid-svg-icons/faExpand';
|
|
4
4
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
5
5
|
import fscreen from 'fscreen';
|
|
@@ -7,13 +7,15 @@ import { useState } from 'react';
|
|
|
7
7
|
import { useTranslation } from 'react-i18next';
|
|
8
8
|
import { Dialog } from '../../dialogs';
|
|
9
9
|
import { useFullscreen } from '../../../hooks';
|
|
10
|
-
import { menuButtonCss, menuDialogCss } from '../menuCss';
|
|
10
|
+
import { menuButtonCss, menuDialogCss, paletteMenuButtonCss } from '../menuCss';
|
|
11
11
|
export const FullscreenDialog = (props) => {
|
|
12
12
|
const { t } = useTranslation('common');
|
|
13
|
+
const theme = useTheme();
|
|
13
14
|
const { fullscreen, toggleFullscreen } = useFullscreen();
|
|
14
15
|
const [open, setOpen] = useState(true);
|
|
15
|
-
|
|
16
|
-
|
|
16
|
+
const themedButtonCss = [menuButtonCss, paletteMenuButtonCss, theme.menu?.button];
|
|
17
|
+
return (_jsxs(Dialog, { open: open, css: [dialogCss, menuDialogCss], backdropCss: backdropCss, ...props, children: [_jsx("h2", { children: t('Flip your screen') }), _jsx("p", { children: t('fs.dialog.p1') }), fscreen.fullscreenEnabled && !fullscreen && _jsx("p", { children: t('fs.dialog.p2') }), _jsxs("div", { css: buttonLineCss, children: [_jsx("button", { css: [...themedButtonCss, inDialogButton], onClick: () => setOpen(false), children: t('Close') }), fscreen.fullscreenEnabled && !fullscreen &&
|
|
18
|
+
_jsxs("button", { css: [...themedButtonCss, inDialogButton, marginLeft], onClick: () => toggleFullscreen(), children: [_jsx(FontAwesomeIcon, { icon: faExpand }), t('Go to full screen')] })] })] }));
|
|
17
19
|
};
|
|
18
20
|
const dialogCss = css `
|
|
19
21
|
font-size: 1rem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenDialog.js","sourceRoot":"","sources":["../../../../src/components/menus/Fullscreen/FullscreenDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"FullscreenDialog.js","sourceRoot":"","sources":["../../../../src/components/menus/Fullscreen/FullscreenDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAe,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAE/E,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAgC,EAAE,EAAE;IACnE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE,CAAA;IACxD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IACtC,MAAM,eAAe,GAAG,CAAC,aAAa,EAAE,oBAAoB,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IACjF,OAAO,CACL,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC,EAAE,WAAW,EAAE,WAAW,KAAM,KAAK,aACtF,uBAAK,CAAC,CAAC,kBAAkB,CAAC,GAAM,EAChC,sBAAI,CAAC,CAAC,cAAc,CAAC,GAAK,EACzB,OAAO,CAAC,iBAAiB,IAAI,CAAC,UAAU,IAAI,sBAAI,CAAC,CAAC,cAAc,CAAC,GAAK,EACvE,eAAK,GAAG,EAAE,aAAa,aACrB,iBAAQ,GAAG,EAAE,CAAC,GAAG,eAAe,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,YAAG,CAAC,CAAC,OAAO,CAAC,GAAU,EACtG,OAAO,CAAC,iBAAiB,IAAI,CAAC,UAAU;wBACvC,kBAAQ,GAAG,EAAE,CAAC,GAAG,eAAe,EAAE,cAAc,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,aAC9F,KAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,GAAG,EACjC,CAAC,CAAC,mBAAmB,CAAC,IAChB,IAEP,IACC,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;CAGpB,CAAA;AAED,MAAM,WAAW,GAAG,GAAG,CAAA;;;;CAItB,CAAA;AAED,MAAM,aAAa,GAAG,GAAG,CAAA;;;;CAIxB,CAAA;AAED,MAAM,cAAc,GAAG,GAAG,CAAA;;CAEzB,CAAA;AAED,MAAM,UAAU,GAAG,GAAG,CAAA;;CAErB,CAAA"}
|
|
@@ -1,20 +1,22 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { css } from '@emotion/react';
|
|
2
|
+
import { css, useTheme } from '@emotion/react';
|
|
3
3
|
import { faCompress } from '@fortawesome/free-solid-svg-icons/faCompress';
|
|
4
4
|
import { faExpand } from '@fortawesome/free-solid-svg-icons/faExpand';
|
|
5
5
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
6
6
|
import { useEffect, useState } from 'react';
|
|
7
7
|
import { useTranslation } from 'react-i18next';
|
|
8
8
|
import { useFullscreen } from '../../../hooks';
|
|
9
|
+
import { palettePopButtonCss } from '../menuCss';
|
|
9
10
|
import { MenuPopButton } from '../Menu/MenuPopButton';
|
|
10
11
|
export const FullscreenPopButton = () => {
|
|
11
12
|
const { t } = useTranslation('common');
|
|
13
|
+
const theme = useTheme();
|
|
12
14
|
const [pop, setPop] = useState(true);
|
|
13
15
|
useEffect(() => {
|
|
14
16
|
setTimeout(() => setPop(false), 5000);
|
|
15
17
|
}, []);
|
|
16
18
|
const { fullscreen, toggleFullscreen } = useFullscreen();
|
|
17
|
-
return (_jsx(MenuPopButton, { pop: pop, onClick: toggleFullscreen, css: style, title: fullscreen ? t('Leave full screen') : t('Go to full screen'), children: _jsx(FontAwesomeIcon, { icon: fullscreen ? faCompress : faExpand }) }));
|
|
19
|
+
return (_jsx(MenuPopButton, { pop: pop, onClick: toggleFullscreen, css: [style, palettePopButtonCss, theme.menu?.popButton], title: fullscreen ? t('Leave full screen') : t('Go to full screen'), children: _jsx(FontAwesomeIcon, { icon: fullscreen ? faCompress : faExpand }) }));
|
|
18
20
|
};
|
|
19
21
|
const style = css `
|
|
20
22
|
background: white;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenPopButton.js","sourceRoot":"","sources":["../../../../src/components/menus/Fullscreen/FullscreenPopButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"FullscreenPopButton.js","sourceRoot":"","sources":["../../../../src/components/menus/Fullscreen/FullscreenPopButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAA;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAErD,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAA;IACvC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE,CAAA;IAExD,OAAO,CACL,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAE,YACjL,KAAC,eAAe,IAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,GAAG,GAC9C,CACjB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;CAWhB,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { css } from '@emotion/react';
|
|
2
|
+
import { css, useTheme } from '@emotion/react';
|
|
3
3
|
import { faFlag } from '@fortawesome/free-regular-svg-icons';
|
|
4
4
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
5
5
|
import { GameClientAPI, GameMode, useGameSelector } from '@gamepark/react-client';
|
|
@@ -7,11 +7,12 @@ import { useEffect, useState } from 'react';
|
|
|
7
7
|
import { useTranslation } from 'react-i18next';
|
|
8
8
|
import { useGiveUp } from '../../../hooks';
|
|
9
9
|
import { Dialog } from '../../dialogs';
|
|
10
|
-
import { menuButtonCss, menuDialogCss } from '../menuCss';
|
|
10
|
+
import { menuButtonCss, menuDialogCss, paletteDangerButtonCss, paletteMenuButtonCss } from '../menuCss';
|
|
11
11
|
const query = new URLSearchParams(window.location.search);
|
|
12
12
|
const gameId = query.get('game');
|
|
13
13
|
export const GiveUpButton = () => {
|
|
14
14
|
const { t } = useTranslation('common');
|
|
15
|
+
const theme = useTheme();
|
|
15
16
|
const [giveUp] = useGiveUp();
|
|
16
17
|
const [displayPopup, setDisplayPopup] = useState(false);
|
|
17
18
|
const onGiveUp = () => {
|
|
@@ -41,21 +42,11 @@ export const GiveUpButton = () => {
|
|
|
41
42
|
return () => clearTimeout(timeout);
|
|
42
43
|
}
|
|
43
44
|
}, [displayPopup]);
|
|
44
|
-
|
|
45
|
-
|
|
45
|
+
const themedButtonCss = [menuButtonCss, paletteMenuButtonCss, theme.menu?.button];
|
|
46
|
+
const dangerButtonCss = [menuButtonCss, paletteMenuButtonCss, paletteDangerButtonCss];
|
|
47
|
+
return (_jsxs(_Fragment, { children: [_jsxs("button", { css: dangerButtonCss, onClick: () => setDisplayPopup(true), children: [_jsx(FontAwesomeIcon, { icon: faFlag }), t('giveup')] }), _jsx(Dialog, { open: displayPopup, css: [menuDialogCss, css `max-width: 90dvw;`], onBackdropClick: () => setDisplayPopup(false), children: playerIsLast ? _jsxs(_Fragment, { children: [_jsx("h2", { children: t('giveup.last') }), gameMode === GameMode.TOURNAMENT ? _jsxs(_Fragment, { children: [_jsx("p", { children: t('giveup.last.choice.tournament') }), _jsx("button", { css: [...themedButtonCss, inDialogButton], onClick: onClaimVictory, disabled: !displayedLongEnough, children: t('giveup.last.claim') })] }) : _jsxs(_Fragment, { children: [_jsx("p", { children: t('giveup.last.choice') }), gameMode === GameMode.COMPETITIVE &&
|
|
48
|
+
_jsx("p", { children: t('giveup.last.choice.competitive') }), _jsxs("div", { css: buttonLineCss, children: [_jsx("button", { css: [...dangerButtonCss, inDialogButton], onClick: onGiveUp, disabled: !displayedLongEnough, children: t('giveup.last.cancel') }), _jsx("button", { css: [...themedButtonCss, inDialogButton], onClick: () => setDisplayPopup(false), disabled: !displayedLongEnough, children: t('giveup.last.continue') }), _jsx("button", { css: [...themedButtonCss, inDialogButton], onClick: onClaimVictory, disabled: !displayedLongEnough, children: t('giveup.last.claim') })] })] })] }) : _jsxs(_Fragment, { children: [_jsx("h2", { children: t('giveup.title') }), _jsx("p", { children: t('giveup.robot') }), _jsxs("p", { children: [gameMode === GameMode.FRIENDLY ? t('giveup.friendly') : t('giveup.competitive'), " "] }), _jsx("p", { children: gameMode === GameMode.TOURNAMENT && t('giveup.tournament') }), _jsxs("div", { css: buttonLineCss, children: [_jsx("button", { css: [...themedButtonCss, inDialogButton], onClick: () => setDisplayPopup(false), disabled: !displayedLongEnough, children: t('Cancel') }), _jsxs("button", { css: [...dangerButtonCss, inDialogButton], onClick: onGiveUp, disabled: !displayedLongEnough, children: [_jsx(FontAwesomeIcon, { icon: faFlag }), t('giveup')] })] })] }) })] }));
|
|
46
49
|
};
|
|
47
|
-
const buttonCss = css `
|
|
48
|
-
color: darkred;
|
|
49
|
-
border-color: darkred;
|
|
50
|
-
|
|
51
|
-
&:focus, &:hover {
|
|
52
|
-
background: #ffd7d7;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
&:active {
|
|
56
|
-
background: #ffbebe;
|
|
57
|
-
}
|
|
58
|
-
`;
|
|
59
50
|
const buttonLineCss = css `
|
|
60
51
|
margin-top: 1em;
|
|
61
52
|
display: flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GiveUpButton.js","sourceRoot":"","sources":["../../../../src/components/menus/GiveUpButton/GiveUpButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"GiveUpButton.js","sourceRoot":"","sources":["../../../../src/components/menus/GiveUpButton/GiveUpButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { css } from '@emotion/react';
|
|
2
|
+
import { css, useTheme } from '@emotion/react';
|
|
3
3
|
import { faChessPawn } from '@fortawesome/free-solid-svg-icons/faChessPawn';
|
|
4
4
|
import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
|
|
5
5
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
@@ -16,7 +16,7 @@ import { LiveLogButton } from '../../Log/LiveLogButton';
|
|
|
16
16
|
import { EjectPlayerButton, EjectPlayerDialog, EjectPlayerPopButton } from '../EjectPlayer';
|
|
17
17
|
import { FullscreenButton, FullscreenPopButton } from '../Fullscreen';
|
|
18
18
|
import { GiveUpButton } from '../GiveUpButton';
|
|
19
|
-
import { menuBaseCss, menuFloatingButtonCss, menuFontSize } from '../menuCss';
|
|
19
|
+
import { menuBaseCss, menuFloatingButtonCss, menuFontSize, paletteMenuBaseCss, palettePrimaryButtonCss } from '../menuCss';
|
|
20
20
|
import { TrackPlayersQuit } from '../PlayerQuit';
|
|
21
21
|
import { RestartTutorialButton } from '../RestartTutorialButton';
|
|
22
22
|
import { ResultButton, ResultPopButton } from '../Result';
|
|
@@ -27,6 +27,7 @@ import { LogoIcon } from './LogoIcon';
|
|
|
27
27
|
import { NavButton } from './NavButton';
|
|
28
28
|
export const Menu = () => {
|
|
29
29
|
const { t } = useTranslation('common');
|
|
30
|
+
const theme = useTheme();
|
|
30
31
|
const [isOpen, setOpen] = useState(false);
|
|
31
32
|
const game = useContext(gameContext)?.game ?? '';
|
|
32
33
|
const query = new URLSearchParams(window.location.search);
|
|
@@ -60,9 +61,9 @@ export const Menu = () => {
|
|
|
60
61
|
if (resultDialogOpen)
|
|
61
62
|
setResultDialogAutoOpen(false);
|
|
62
63
|
}, [resultDialogOpen]);
|
|
63
|
-
return (_jsxs(_Fragment, { children: [_jsx("div", { css: [backdrop, isOpen && displayBackdrop], onClick: () => setOpen(false) }), couldEject && _jsx(EjectPlayerPopButton, { onClick: () => setEjectPlayerDialogOpen(true) }), couldUndo && _jsx(UndoPopButton, {}), gameOver && _jsx(ResultPopButton, { onClick: () => setResultDialogOpen(true) }), fscreen.fullscreenEnabled && _jsx(FullscreenPopButton, {}), _jsxs("div", { css: [menuFontSize, menuBaseCss, menuCss, !isOpen && hide], children: [_jsx("h2", { css: titleCss, children: t('Menu') }), fscreen.fullscreenEnabled && _jsx(FullscreenButton, {}), _jsx(SoundButton, {}), _jsx(LiveLogButton, {}), couldUndo && _jsx(UndoButton, {}), canGiveUp && _jsx(GiveUpButton, {}), couldEject && _jsx(EjectPlayerButton, { onClick: () => setEjectPlayerDialogOpen(true) }), _jsx(TimeStatsButton, {}), gameMode === GameMode.TUTORIAL && _jsx(RestartTutorialButton, {}), _jsxs(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${game}`, children: [_jsx(LogoIcon, { css:
|
|
64
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { css: [backdrop, isOpen && displayBackdrop], onClick: () => setOpen(false) }), couldEject && _jsx(EjectPlayerPopButton, { onClick: () => setEjectPlayerDialogOpen(true) }), couldUndo && _jsx(UndoPopButton, {}), gameOver && _jsx(ResultPopButton, { onClick: () => setResultDialogOpen(true) }), fscreen.fullscreenEnabled && _jsx(FullscreenPopButton, {}), _jsxs("div", { css: [menuFontSize, menuBaseCss, paletteMenuBaseCss, theme.menu?.panel, menuCss, !isOpen && hide], children: [_jsx("h2", { css: titleCss, children: t('Menu') }), fscreen.fullscreenEnabled && _jsx(FullscreenButton, {}), _jsx(SoundButton, {}), _jsx(LiveLogButton, {}), couldUndo && _jsx(UndoButton, {}), canGiveUp && _jsx(GiveUpButton, {}), couldEject && _jsx(EjectPlayerButton, { onClick: () => setEjectPlayerDialogOpen(true) }), _jsx(TimeStatsButton, {}), gameMode === GameMode.TUTORIAL && _jsx(RestartTutorialButton, {}), _jsxs(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${game}`, children: [_jsx(LogoIcon, { css: buttonLogoIconCss }), t('Back to Game Park')] }), gameOver && _jsx(ResultButton, { onClick: () => setResultDialogOpen(true) }), canPlayAgain &&
|
|
64
65
|
_jsxs(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${game}/play`, children: [_jsx(FontAwesomeIcon, { icon: faChessPawn }), t('Play again')] }), goToRanking &&
|
|
65
|
-
_jsxs(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${game}/ranking`, children: [_jsx(GamePointIcon, { css: gamePointIconStyle }), t('See overall ranking')] })] }), _jsx("button", { "aria-label": t('Menu'), title: t('Menu'), css: mainButtonCss, onClick: () => setOpen(!isOpen), children: isOpen ? _jsx(FontAwesomeIcon, { icon: faTimes, css: iconStyle }) : _jsx(LogoIcon, { fill: "white" }) }), couldEject && _jsx(EjectPlayerDialog, { open: ejectPlayerDialogOpen, close: () => setEjectPlayerDialogOpen(false) }), !gameOver && _jsx(TrackPlayersQuit, {}), gameOver && _jsx(ResultDialog, { open: resultDialogOpen, openDialog: () => setResultDialogOpen(true), close: () => setResultDialogOpen(false) }), _jsx(JournalTabs, { gameId: gameId })] }));
|
|
66
|
+
_jsxs(NavButton, { url: `${PLATFORM_URI}/${locale}/board-games/${game}/ranking`, children: [_jsx(GamePointIcon, { css: gamePointIconStyle }), t('See overall ranking')] })] }), _jsx("button", { "aria-label": t('Menu'), title: t('Menu'), css: [mainButtonCss, palettePrimaryButtonCss, theme.menu?.mainButton], onClick: () => setOpen(!isOpen), children: isOpen ? _jsx(FontAwesomeIcon, { icon: faTimes, css: iconStyle }) : _jsx(LogoIcon, { fill: "white" }) }), couldEject && _jsx(EjectPlayerDialog, { open: ejectPlayerDialogOpen, close: () => setEjectPlayerDialogOpen(false) }), !gameOver && _jsx(TrackPlayersQuit, {}), gameOver && _jsx(ResultDialog, { open: resultDialogOpen, openDialog: () => setResultDialogOpen(true), close: () => setResultDialogOpen(false) }), _jsx(JournalTabs, { gameId: gameId })] }));
|
|
66
67
|
};
|
|
67
68
|
const mainButtonCss = css `
|
|
68
69
|
${menuFloatingButtonCss};
|
|
@@ -113,11 +114,11 @@ const iconStyle = css `
|
|
|
113
114
|
color: white;
|
|
114
115
|
font-size: 1.5em;
|
|
115
116
|
`;
|
|
116
|
-
const
|
|
117
|
+
const buttonLogoIconCss = css `
|
|
117
118
|
width: 1em;
|
|
118
119
|
height: 1em;
|
|
119
120
|
margin-bottom: -0.1em;
|
|
120
|
-
fill:
|
|
121
|
+
fill: var(--gp-primary);
|
|
121
122
|
`;
|
|
122
123
|
const gamePointIconStyle = css `
|
|
123
124
|
width: 1em;
|