@gamepark/react-game 6.23.4 → 6.24.2
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/Header/MaterialHeader.js +2 -1
- package/dist/components/Header/MaterialHeader.js.map +1 -1
- package/dist/components/PlayerPanel/Counters.d.ts +13 -0
- package/dist/components/PlayerPanel/Counters.js +44 -0
- package/dist/components/PlayerPanel/Counters.js.map +1 -0
- package/dist/components/PlayerPanel/StyledPlayerPanel.d.ts +4 -2
- package/dist/components/PlayerPanel/StyledPlayerPanel.js +30 -25
- package/dist/components/PlayerPanel/StyledPlayerPanel.js.map +1 -1
- package/dist/components/PlayerPanel/index.d.ts +1 -0
- package/dist/components/PlayerPanel/index.js +1 -0
- package/dist/components/PlayerPanel/index.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.d.ts +1 -1
- package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.js +6 -6
- package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.js +13 -6
- package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.js.map +1 -1
- package/dist/components/material/ComponentDescription.d.ts +14 -0
- package/dist/components/material/ComponentDescription.js +27 -0
- package/dist/components/material/ComponentDescription.js.map +1 -0
- package/dist/components/material/Dices/CubicDiceDescription.d.ts +1 -0
- package/dist/components/material/Dices/CubicDiceDescription.js +13 -0
- package/dist/components/material/Dices/CubicDiceDescription.js.map +1 -1
- package/dist/components/material/DraggableMaterial.d.ts +1 -13
- package/dist/components/material/DraggableMaterial.js +37 -91
- package/dist/components/material/DraggableMaterial.js.map +1 -1
- package/dist/components/material/FlatMaterial/CardDescription.d.ts +2 -2
- package/dist/components/material/FlatMaterial/CardDescription.js +1 -1
- package/dist/components/material/FlatMaterial/CardDescription.js.map +1 -1
- package/dist/components/material/FlatMaterial/FlatMaterial.d.ts +4 -2
- package/dist/components/material/FlatMaterial/FlatMaterial.js +17 -11
- package/dist/components/material/FlatMaterial/FlatMaterial.js.map +1 -1
- package/dist/components/material/FlatMaterial/TokenDescription.d.ts +1 -1
- package/dist/components/material/FlatMaterial/TokenDescription.js.map +1 -1
- package/dist/components/material/GameTable/GameMaterialDisplay.js +1 -1
- package/dist/components/material/GameTable/GameMaterialDisplay.js.map +1 -1
- package/dist/components/material/GameTable/GameTable.js +9 -7
- package/dist/components/material/GameTable/GameTable.js.map +1 -1
- package/dist/components/material/GameTable/ItemDisplay.d.ts +4 -2
- package/dist/components/material/GameTable/ItemDisplay.js +104 -15
- package/dist/components/material/GameTable/ItemDisplay.js.map +1 -1
- package/dist/components/material/GameTable/StaticItemsDisplay.js +2 -2
- package/dist/components/material/GameTable/StaticItemsDisplay.js.map +1 -1
- package/dist/components/material/GameTable/StaticLocationsDisplay.js +12 -12
- package/dist/components/material/GameTable/StaticLocationsDisplay.js.map +1 -1
- package/dist/components/material/GameTable/focus/FocusProvider.d.ts +6 -6
- package/dist/components/material/GameTable/focus/FocusProvider.js +2 -2
- package/dist/components/material/GameTable/focus/FocusProvider.js.map +1 -1
- package/dist/components/material/GameTable/focus/index.d.ts +0 -1
- package/dist/components/material/GameTable/focus/index.js +0 -1
- package/dist/components/material/GameTable/focus/index.js.map +1 -1
- package/dist/components/material/ImageLoader/MaterialImageLoader.js +17 -11
- package/dist/components/material/ImageLoader/MaterialImageLoader.js.map +1 -1
- package/dist/components/material/MaterialComponent.d.ts +0 -4
- package/dist/components/material/MaterialComponent.js +5 -18
- package/dist/components/material/MaterialComponent.js.map +1 -1
- package/dist/components/material/MaterialDescription.d.ts +5 -13
- package/dist/components/material/MaterialDescription.js +48 -22
- package/dist/components/material/MaterialDescription.js.map +1 -1
- package/dist/components/material/Writing/WritingDescription.d.ts +0 -4
- package/dist/components/material/Writing/WritingDescription.js +0 -10
- package/dist/components/material/Writing/WritingDescription.js.map +1 -1
- package/dist/components/material/animations/CreateItemAnimations.js +5 -3
- package/dist/components/material/animations/CreateItemAnimations.js.map +1 -1
- package/dist/components/material/animations/DeleteItemAnimations.js +7 -5
- package/dist/components/material/animations/DeleteItemAnimations.js.map +1 -1
- package/dist/components/material/animations/ItemAnimations.d.ts +2 -1
- package/dist/components/material/animations/ItemAnimations.js +9 -0
- package/dist/components/material/animations/ItemAnimations.js.map +1 -1
- package/dist/components/material/animations/MaterialAnimations.d.ts +2 -2
- package/dist/components/material/animations/MoveItemAnimations.d.ts +1 -2
- package/dist/components/material/animations/MoveItemAnimations.js +18 -31
- package/dist/components/material/animations/MoveItemAnimations.js.map +1 -1
- package/dist/components/material/animations/MoveItemAtOnceAnimations.d.ts +1 -2
- package/dist/components/material/animations/MoveItemAtOnceAnimations.js +14 -28
- package/dist/components/material/animations/MoveItemAtOnceAnimations.js.map +1 -1
- package/dist/components/material/animations/RollItemAnimations.d.ts +1 -2
- package/dist/components/material/animations/RollItemAnimations.js +4 -15
- package/dist/components/material/animations/RollItemAnimations.js.map +1 -1
- package/dist/components/material/animations/adjustRotation.d.ts +1 -1
- package/dist/components/material/animations/adjustRotation.js +60 -19
- package/dist/components/material/animations/adjustRotation.js.map +1 -1
- package/dist/components/material/animations/getFirstStockItemTransforms.util.js +3 -6
- package/dist/components/material/animations/getFirstStockItemTransforms.util.js.map +1 -1
- package/dist/components/material/animations/rotations.utils.d.ts +2 -0
- package/dist/components/material/animations/rotations.utils.js +99 -0
- package/dist/components/material/animations/rotations.utils.js.map +1 -0
- package/dist/components/material/animations/transformItem.util.js +3 -5
- package/dist/components/material/animations/transformItem.util.js.map +1 -1
- package/dist/components/material/index.d.ts +1 -0
- package/dist/components/material/index.js +1 -0
- package/dist/components/material/index.js.map +1 -1
- package/dist/components/material/locations/DropAreaDescription.d.ts +9 -0
- package/dist/components/material/locations/DropAreaDescription.js +46 -0
- package/dist/components/material/locations/DropAreaDescription.js.map +1 -0
- package/dist/components/material/locations/LocationComponent.d.ts +16 -0
- package/dist/components/material/locations/LocationComponent.js +89 -0
- package/dist/components/material/locations/LocationComponent.js.map +1 -0
- package/dist/components/material/locations/LocationDescription.d.ts +14 -25
- package/dist/components/material/locations/LocationDescription.js +43 -50
- package/dist/components/material/locations/LocationDescription.js.map +1 -1
- package/dist/components/material/locations/LocationDisplay.d.ts +4 -1
- package/dist/components/material/locations/LocationDisplay.js +4 -9
- package/dist/components/material/locations/LocationDisplay.js.map +1 -1
- package/dist/components/material/locations/LocationsMask.d.ts +2 -1
- package/dist/components/material/locations/LocationsMask.js +6 -6
- package/dist/components/material/locations/LocationsMask.js.map +1 -1
- package/dist/components/material/locations/SimpleDropArea.d.ts +4 -7
- package/dist/components/material/locations/SimpleDropArea.js +18 -88
- package/dist/components/material/locations/SimpleDropArea.js.map +1 -1
- package/dist/components/material/locations/index.d.ts +1 -0
- package/dist/components/material/locations/index.js +1 -0
- package/dist/components/material/locations/index.js.map +1 -1
- package/dist/components/material/utils/isDroppedItem.js +12 -1
- package/dist/components/material/utils/isDroppedItem.js.map +1 -1
- package/dist/components/material/utils/isPlacedOnItem.d.ts +3 -3
- package/dist/components/material/utils/isPlacedOnItem.js +5 -5
- package/dist/components/material/utils/isPlacedOnItem.js.map +1 -1
- package/dist/components/tutorial/MaterialTutorial.js +4 -4
- package/dist/components/tutorial/MaterialTutorial.js.map +1 -1
- package/dist/components/tutorial/MaterialTutorialDisplay.js +7 -6
- package/dist/components/tutorial/MaterialTutorialDisplay.js.map +1 -1
- package/dist/components/tutorial/TutorialRulesWrapper.js +26 -26
- package/dist/components/tutorial/TutorialRulesWrapper.js.map +1 -1
- package/dist/hooks/index.d.ts +1 -1
- package/dist/hooks/index.js +1 -1
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useDraggedItem.d.ts +2 -0
- package/dist/hooks/useDraggedItem.js +19 -0
- package/dist/hooks/useDraggedItem.js.map +1 -0
- package/dist/hooks/useItemLocations.d.ts +8 -0
- package/dist/hooks/useItemLocations.js +83 -0
- package/dist/hooks/useItemLocations.js.map +1 -0
- package/dist/hooks/useItemLocator.d.ts +2 -2
- package/dist/hooks/useItemLocator.js.map +1 -1
- package/dist/hooks/useLegalMoves.js +4 -18
- package/dist/hooks/useLegalMoves.js.map +1 -1
- package/dist/hooks/usePlayers.js +14 -1
- package/dist/hooks/usePlayers.js.map +1 -1
- package/dist/hooks/useStaticLocations.d.ts +2 -0
- package/dist/hooks/useStaticLocations.js +53 -0
- package/dist/hooks/useStaticLocations.js.map +1 -0
- package/dist/hooks/useTutorialStep.js +2 -2
- package/dist/hooks/useTutorialStep.js.map +1 -1
- package/dist/hooks/useZoomToElements.d.ts +1 -1
- package/dist/hooks/useZoomToElements.js +8 -8
- package/dist/hooks/useZoomToElements.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +3 -1
- package/dist/index.js.map +1 -1
- package/dist/locators/DeckLocator.d.ts +5 -4
- package/dist/locators/DeckLocator.js +6 -8
- package/dist/locators/DeckLocator.js.map +1 -1
- package/dist/locators/FlexLocator.d.ts +18 -0
- package/dist/locators/FlexLocator.js +88 -0
- package/dist/locators/FlexLocator.js.map +1 -0
- package/dist/locators/HandLocator.d.ts +22 -13
- package/dist/locators/HandLocator.js +71 -39
- package/dist/locators/HandLocator.js.map +1 -1
- package/dist/locators/ListLocator.d.ts +18 -0
- package/dist/locators/ListLocator.js +97 -0
- package/dist/locators/ListLocator.js.map +1 -0
- package/dist/locators/Locator.d.ts +50 -0
- package/dist/locators/Locator.js +153 -0
- package/dist/locators/Locator.js.map +1 -0
- package/dist/locators/PileLocator.d.ts +12 -11
- package/dist/locators/PileLocator.js +44 -29
- package/dist/locators/PileLocator.js.map +1 -1
- package/dist/locators/index.d.ts +3 -3
- package/dist/locators/index.js +3 -3
- package/dist/locators/index.js.map +1 -1
- package/dist/utilities/combineEventListeners.js.map +1 -1
- package/dist/utilities/findIfUnique.util.js.map +1 -1
- package/dist/utilities/index.d.ts +1 -0
- package/dist/utilities/index.js +1 -0
- package/dist/utilities/index.js.map +1 -1
- package/dist/utilities/translation.util.d.ts +5 -0
- package/dist/utilities/translation.util.js +33 -0
- package/dist/utilities/translation.util.js.map +1 -0
- package/dist/utilities/zoom-pan-pinch/animations.constants.d.ts +16 -0
- package/dist/utilities/zoom-pan-pinch/animations.constants.js +62 -0
- package/dist/utilities/zoom-pan-pinch/animations.constants.js.map +1 -0
- package/dist/utilities/zoom-pan-pinch/animations.util.d.ts +4 -0
- package/dist/utilities/zoom-pan-pinch/animations.util.js +71 -0
- package/dist/utilities/zoom-pan-pinch/animations.util.js.map +1 -0
- package/dist/utilities/zoom-pan-pinch/bounds.util.d.ts +7 -0
- package/dist/utilities/zoom-pan-pinch/bounds.util.js +77 -0
- package/dist/utilities/zoom-pan-pinch/bounds.util.js.map +1 -0
- package/dist/utilities/zoom-pan-pinch/calculation.util.d.ts +2 -0
- package/dist/utilities/zoom-pan-pinch/calculation.util.js +12 -0
- package/dist/utilities/zoom-pan-pinch/calculation.util.js.map +1 -0
- package/dist/utilities/zoom-pan-pinch/index.d.ts +5 -0
- package/dist/utilities/zoom-pan-pinch/index.js +22 -0
- package/dist/utilities/zoom-pan-pinch/index.js.map +1 -0
- package/dist/utilities/zoom-pan-pinch/zoom.util.d.ts +1 -0
- package/dist/utilities/zoom-pan-pinch/zoom.util.js +14 -0
- package/dist/utilities/zoom-pan-pinch/zoom.util.js.map +1 -0
- package/package.json +3 -3
|
@@ -35,6 +35,7 @@ var hooks_1 = require("../../hooks");
|
|
|
35
35
|
var dialogs_1 = require("../dialogs");
|
|
36
36
|
var GameProvider_1 = require("../GameProvider");
|
|
37
37
|
var Header_1 = require("./Header");
|
|
38
|
+
var displayRulesHelp = rules_api_1.MaterialMoveBuilder.displayRulesHelp;
|
|
38
39
|
var MaterialHeader = function (_a) {
|
|
39
40
|
var loading = _a.loading, rulesStepsHeaders = _a.rulesStepsHeaders, GameOver = _a.GameOver, GameOverRule = _a.GameOverRule, props = __rest(_a, ["loading", "rulesStepsHeaders", "GameOver", "GameOverRule"]);
|
|
40
41
|
return ((0, jsx_runtime_1.jsx)(Header_1.Header, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(MaterialHeaderContent, { loading: loading, rulesStepsHeaders: rulesStepsHeaders, GameOver: GameOver, GameOverRule: GameOverRule }) })));
|
|
@@ -65,7 +66,7 @@ var MaterialHeaderContent = function (_a) {
|
|
|
65
66
|
return GameOver ? (0, jsx_runtime_1.jsx)(GameOver, {}) : (0, jsx_runtime_1.jsx)(GameOverHeader, { GameOverRule: GameOverRule });
|
|
66
67
|
}
|
|
67
68
|
else if (RulesStepsHeader) {
|
|
68
|
-
return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(RulesStepsHeader, {}), ((_b = context.rulesHelp) === null || _b === void 0 ? void 0 : _b.hasOwnProperty(game.rule.id)) && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["\u00A0", (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faCircleQuestion_1.faCircleQuestion, onClick: function () { return play(
|
|
69
|
+
return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(RulesStepsHeader, {}), ((_b = context.rulesHelp) === null || _b === void 0 ? void 0 : _b.hasOwnProperty(game.rule.id)) && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["\u00A0", (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faCircleQuestion_1.faCircleQuestion, onClick: function () { return play(displayRulesHelp(game.rule.id), { local: true }); }, css: css_1.pointerCursorCss })] })] });
|
|
69
70
|
}
|
|
70
71
|
else {
|
|
71
72
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: t("TODO: header for rule id ".concat((_c = game === null || game === void 0 ? void 0 : game.rule) === null || _c === void 0 ? void 0 : _c.id)) });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaterialHeader.js","sourceRoot":"","sources":["../../../src/components/Header/MaterialHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,yFAAuF;AACvF,oEAAgE;AAEhE,
|
|
1
|
+
{"version":3,"file":"MaterialHeader.js","sourceRoot":"","sources":["../../../src/components/Header/MaterialHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Interpolation, Theme } from '@emotion/react';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export type CounterProps = {
|
|
4
|
+
image: string;
|
|
5
|
+
value: number | string;
|
|
6
|
+
} & {
|
|
7
|
+
imageCss?: Interpolation<Theme>;
|
|
8
|
+
};
|
|
9
|
+
export type CountersProps = {
|
|
10
|
+
counters: CounterProps[];
|
|
11
|
+
lineSize?: number;
|
|
12
|
+
};
|
|
13
|
+
export declare const Counters: FC<CountersProps>;
|
|
@@ -0,0 +1,44 @@
|
|
|
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
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
exports.Counters = void 0;
|
|
19
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
20
|
+
var react_1 = require("@emotion/react");
|
|
21
|
+
var Counters = function (props) {
|
|
22
|
+
var counters = props.counters, _a = props.lineSize, lineSize = _a === void 0 ? 2 : _a;
|
|
23
|
+
if (!counters.length)
|
|
24
|
+
return null;
|
|
25
|
+
if (counters.length === 1)
|
|
26
|
+
return (0, jsx_runtime_1.jsx)(Counter, __assign({}, counters[0], { unique: true }));
|
|
27
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ css: counterGridCss(Math.min(counters.length, lineSize)) }, { children: counters.map(function (counter, i) { return ((0, jsx_runtime_1.jsx)(Counter, __assign({}, counter), i)); }) })));
|
|
28
|
+
};
|
|
29
|
+
exports.Counters = Counters;
|
|
30
|
+
var Counter = function (props) {
|
|
31
|
+
var image = props.image, value = props.value, imageCss = props.imageCss, unique = props.unique;
|
|
32
|
+
if (image === undefined && value === undefined)
|
|
33
|
+
return null;
|
|
34
|
+
return ((0, jsx_runtime_1.jsxs)("span", __assign({ css: [data, unique && uniqCounterCss, !unique && counterCss] }, { children: [(0, jsx_runtime_1.jsx)("div", { css: [mini, mainIconBackground(image), imageCss] }), (0, jsx_runtime_1.jsx)("span", { children: value })] })));
|
|
35
|
+
};
|
|
36
|
+
var counterGridCss = function (size) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(", ", 1fr);\n gap: 0.5em;\n margin-top: 1em;\n"], ["\n display: grid;\n grid-template-columns: repeat(", ", 1fr);\n gap: 0.5em;\n margin-top: 1em;\n"])), size); };
|
|
37
|
+
var mainIconBackground = function (image) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-image: url(", ");\n background-repeat: no-repeat;\n background-size: contain;\n"], ["\n background-image: url(", ");\n background-repeat: no-repeat;\n background-size: contain;\n"])), image); };
|
|
38
|
+
var mini = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 1em;\n width: 1em;\n align-self: center;\n"], ["\n height: 1em;\n width: 1em;\n align-self: center;\n"])));
|
|
39
|
+
var data = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: white;\n background-color: rgba(0, 0, 0, 0.7);\n padding: 0.1em 0.3em;\n border-radius: 0.4em;\n z-index: 2;\n"], ["\n color: white;\n background-color: rgba(0, 0, 0, 0.7);\n padding: 0.1em 0.3em;\n border-radius: 0.4em;\n z-index: 2;\n"])));
|
|
40
|
+
var rightAlignment = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n left: initial;\n right: 0.2em;\n font-size: 2.5em;\n"], ["\n left: initial;\n right: 0.2em;\n font-size: 2.5em;\n"])));
|
|
41
|
+
var uniqCounterCss = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: 3.5em;\n font-size: 2.5em;\n top: 1.7em;\n left: initial;\n right: 0.25em;\n display: flex;\n align-items: center;\n justify-content: space-between;\n ", ";\n\n > span {\n text-align: right;\n width: 1.7em;\n bottom: 0.2em;\n }\n"], ["\n width: 3.5em;\n font-size: 2.5em;\n top: 1.7em;\n left: initial;\n right: 0.25em;\n display: flex;\n align-items: center;\n justify-content: space-between;\n ", ";\n\n > span {\n text-align: right;\n width: 1.7em;\n bottom: 0.2em;\n }\n"])), rightAlignment);
|
|
42
|
+
var counterCss = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: 3.5em;\n justify-self: end;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n\n > span {\n text-align: right;\n bottom: 0.2em;\n }\n"], ["\n font-size: 3.5em;\n justify-self: end;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n\n > span {\n text-align: right;\n bottom: 0.2em;\n }\n"])));
|
|
43
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
44
|
+
//# sourceMappingURL=Counters.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Counters.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/Counters.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,wCAA0D;AAanD,IAAM,QAAQ,GAAsB,UAAC,KAAK;IACvC,IAAA,QAAQ,GAAmB,KAAK,SAAxB,EAAE,KAAiB,KAAK,SAAV,EAAZ,QAAQ,mBAAG,CAAC,KAAA,CAAU;IACxC,IAAI,CAAC,QAAQ,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IACjC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,uBAAC,OAAO,eAAK,QAAQ,CAAC,CAAC,CAAC,IAAE,MAAM,UAAG,CAAA;IAErE,OAAO,CACL,yCAAK,GAAG,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,gBAC1D,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,CAAC,IAAK,OAAA,CAC5B,uBAAC,OAAO,eAAa,OAAO,GAAd,CAAC,CAAiB,CACjC,EAF6B,CAE7B,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,QAAQ,YAYpB;AAED,IAAM,OAAO,GAA4C,UAAC,KAAK;IACrD,IAAA,KAAK,GAA8B,KAAK,MAAnC,EAAE,KAAK,GAAuB,KAAK,MAA5B,EAAE,QAAQ,GAAa,KAAK,SAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAU;IAChD,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IAC3D,OAAO,CACL,2CAAM,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,IAAI,cAAc,EAAE,CAAC,MAAM,IAAI,UAAU,CAAC,iBAChE,gCAAK,GAAG,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,GAAG,EACxD,2CAAO,KAAK,GAAQ,KACf,CACR,CAAA;AACH,CAAC,CAAA;AAED,IAAM,cAAc,GAAG,UAAC,IAAY,IAAK,WAAA,WAAG,0KAAA,sDAEV,EAAI,8CAGrC,KAHiC,IAAI,GAFG,CAKxC,CAAA;AAED,IAAM,kBAAkB,GAAG,UAAC,KAAa,IAAK,WAAA,WAAG,sKAAA,4BACvB,EAAK,oEAG9B,KAHyB,KAAK,GADe,CAI7C,CAAA;AACD,IAAM,IAAI,OAAG,WAAG,8HAAA,0DAIf,IAAA,CAAA;AAGD,IAAM,IAAI,OAAG,WAAG,mMAAA,+HAMf,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,gIAAA,4DAIzB,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,yUAAA,4KAStB,EAAc,uFAOjB,KAPG,cAAc,CAOjB,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,+QAAA,2MAYrB,IAAA,CAAA"}
|
|
@@ -2,7 +2,7 @@ import { Interpolation, Theme } from '@emotion/react';
|
|
|
2
2
|
import { Player } from '@gamepark/react-client';
|
|
3
3
|
import { FC, HTMLAttributes } from 'react';
|
|
4
4
|
import { MaterialFocus } from '../material';
|
|
5
|
-
type
|
|
5
|
+
type CountersProps = {
|
|
6
6
|
image: string;
|
|
7
7
|
value: number | string;
|
|
8
8
|
} & {
|
|
@@ -10,7 +10,9 @@ type MainCounterProps = {
|
|
|
10
10
|
};
|
|
11
11
|
type StyledPlayerPanelProps = {
|
|
12
12
|
player: Player;
|
|
13
|
-
mainCounter?:
|
|
13
|
+
mainCounter?: CountersProps;
|
|
14
|
+
counters?: CountersProps[];
|
|
15
|
+
countersPerLine?: number;
|
|
14
16
|
backgroundImage?: string;
|
|
15
17
|
playerFocus?: MaterialFocus;
|
|
16
18
|
color?: string;
|
|
@@ -25,6 +25,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
25
25
|
}
|
|
26
26
|
return t;
|
|
27
27
|
};
|
|
28
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
29
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
30
|
+
if (ar || !(i in from)) {
|
|
31
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
32
|
+
ar[i] = from[i];
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
36
|
+
};
|
|
28
37
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
38
|
exports.StyledPlayerPanel = void 0;
|
|
30
39
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
@@ -35,9 +44,11 @@ var hooks_1 = require("../../hooks");
|
|
|
35
44
|
var Avatar_1 = require("../Avatar");
|
|
36
45
|
var material_1 = require("../material");
|
|
37
46
|
var PlayerTimer_1 = require("../PlayerTimer");
|
|
47
|
+
var Counters_1 = require("./Counters");
|
|
38
48
|
var StyledPlayerPanel = function (props) {
|
|
39
49
|
var _a;
|
|
40
|
-
var player = props.player, activeRing = props.activeRing, timerOnRight = props.timerOnRight, _b = props.color, color = _b === void 0 ? '#28B8CE' : _b, playerFocus = props.playerFocus, backgroundImage = props.backgroundImage, mainCounter = props.mainCounter, rest = __rest(props, ["player", "activeRing", "timerOnRight", "color", "playerFocus", "backgroundImage", "mainCounter"]);
|
|
50
|
+
var player = props.player, activeRing = props.activeRing, timerOnRight = props.timerOnRight, _b = props.color, color = _b === void 0 ? '#28B8CE' : _b, playerFocus = props.playerFocus, backgroundImage = props.backgroundImage, _c = props.counters, counters = _c === void 0 ? [] : _c, _d = props.countersPerLine, countersPerLine = _d === void 0 ? 2 : _d, mainCounter = props.mainCounter, rest = __rest(props, ["player", "activeRing", "timerOnRight", "color", "playerFocus", "backgroundImage", "counters", "countersPerLine", "mainCounter"]);
|
|
51
|
+
var allCounter = mainCounter ? __spreadArray([mainCounter], counters, true) : counters !== null && counters !== void 0 ? counters : [];
|
|
41
52
|
var setFocus = (0, material_1.useFocusContext)().setFocus;
|
|
42
53
|
var playerName = (0, hooks_1.usePlayerName)(player.id);
|
|
43
54
|
var gameOver = (0, react_redux_1.useSelector)(function (state) { return state.gameOver; });
|
|
@@ -48,31 +59,25 @@ var StyledPlayerPanel = function (props) {
|
|
|
48
59
|
return;
|
|
49
60
|
setFocus(playerFocus);
|
|
50
61
|
}, [playerFocus]);
|
|
51
|
-
return ((0, jsx_runtime_1.
|
|
62
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: [panelPlayerStyle, panelStyle, backgroundImage && backgroundCss(backgroundImage), playerFocus && pointable, !allCounter.length && noCounterCss], onClick: focusPlayer }, rest, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { css: avatarStyle, playerId: player.id, speechBubbleProps: { direction: Avatar_1.SpeechBubbleDirection.BOTTOM_LEFT } }), activeRing && isTurnToPlay && (0, jsx_runtime_1.jsx)("div", __assign({ css: isPlaying }, { children: (0, jsx_runtime_1.jsx)("div", { css: isTurnToPlay && circle }) })), (0, jsx_runtime_1.jsx)("h2", __assign({ css: [nameStyle, data] }, { children: playerName })), !allCounter.length && !gameOver &&
|
|
63
|
+
((0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] })), allCounter.length === 1 && ((0, jsx_runtime_1.jsxs)("div", __assign({ css: groupTimerAndCounter }, { children: [!gameOver && (0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] }), (0, jsx_runtime_1.jsx)(Counters_1.Counters, { counters: allCounter, lineSize: countersPerLine })] }))), allCounter.length > 1 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!gameOver && (0, jsx_runtime_1.jsx)(PlayerTimer_1.PlayerTimer, { playerId: player.id, css: [timerStyle, data, rightAlignment], customStyle: [halfOpacityOnPause, PlayerTimer_1.blinkOnRunningTimeout] }), (0, jsx_runtime_1.jsx)(Counters_1.Counters, { counters: allCounter, lineSize: countersPerLine })] }))] })));
|
|
52
64
|
};
|
|
53
65
|
exports.StyledPlayerPanel = StyledPlayerPanel;
|
|
54
|
-
var
|
|
55
|
-
var
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
var
|
|
62
|
-
var
|
|
63
|
-
var
|
|
64
|
-
var
|
|
65
|
-
var
|
|
66
|
-
var
|
|
67
|
-
var
|
|
68
|
-
var backgroundCss = function (backgroundImage) { return (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n background: rgba(0, 0, 0, 0.8) url(", ");\n background-size: cover;\n background-repeat: no-repeat;\n"], ["\n background: rgba(0, 0, 0, 0.8) url(", ");\n background-size: cover;\n background-repeat: no-repeat;\n"])), backgroundImage); };
|
|
69
|
-
var pointable = (0, react_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
|
|
70
|
-
var panelStyle = (0, react_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n background-color: white;\n\n &:after {\n content: '';\n position: absolute;\n top: 0;\n height: 100%;\n width: 100%;\n left: 0;\n border-radius: 1em;\n }\n"], ["\n background-color: white;\n\n &:after {\n content: '';\n position: absolute;\n top: 0;\n height: 100%;\n width: 100%;\n left: 0;\n border-radius: 1em;\n }\n"])));
|
|
71
|
-
var data = (0, react_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n color: white;\n background-color: rgba(0, 0, 0, 0.7);\n padding: 0.1em 0.3em;\n border-radius: 0.4em;\n z-index: 2;\n"], ["\n color: white;\n background-color: rgba(0, 0, 0, 0.7);\n padding: 0.1em 0.3em;\n border-radius: 0.4em;\n z-index: 2;\n"])));
|
|
72
|
-
var timerStyle = (0, react_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n position: absolute;\n bottom: 0.2em;\n left: initial;\n right: 4.1em;\n font-size: 2.5em;\n"], ["\n position: absolute;\n bottom: 0.2em;\n left: initial;\n right: 4.1em;\n font-size: 2.5em;\n"])));
|
|
73
|
-
var isPlaying = (0, react_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n position: absolute;\n top: -0.1em;\n left: 0;\n border-radius: 50%;\n height: 6em;\n width: 6em;\n color: black;\n z-index: 0;\n"], ["\n position: absolute;\n top: -0.1em;\n left: 0;\n border-radius: 50%;\n height: 6em;\n width: 6em;\n color: black;\n z-index: 0;\n"])));
|
|
74
|
-
var circleAnimation = (0, react_1.keyframes)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n to {\n transform: rotateZ(0);\n }\n from {\n transform: rotateZ(360deg);\n }\n"], ["\n to {\n transform: rotateZ(0);\n }\n from {\n transform: rotateZ(360deg);\n }\n"])));
|
|
66
|
+
var noCounterCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-height: 8.1em;\n"], ["\n min-height: 8.1em;\n"])));
|
|
67
|
+
var groupTimerAndCounter = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-self: flex-end;\n gap: 0.5em;\n"], ["\n display: flex;\n flex-direction: row;\n align-self: flex-end;\n gap: 0.5em;\n"])));
|
|
68
|
+
var halfOpacityOnPause = function (playing) { return !playing && (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n opacity: 0.8;\n"], ["\n opacity: 0.8;\n"]))); };
|
|
69
|
+
var rightAlignment = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n left: initial;\n right: 0.2em;\n font-size: 2.5em;\n"], ["\n left: initial;\n right: 0.2em;\n font-size: 2.5em;\n"])));
|
|
70
|
+
var panelPlayerStyle = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: black;\n border-radius: 3em 1.5em 1.5em 1.5em;\n box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n width: 28em;\n display: flex;\n flex-direction: column;\n gap: 0.4em;\n padding: 0.5em;\n"], ["\n color: black;\n border-radius: 3em 1.5em 1.5em 1.5em;\n box-shadow: 0 0 0.5em black, 0 0 0.5em black;\n width: 28em;\n display: flex;\n flex-direction: column;\n gap: 0.4em;\n padding: 0.5em;\n"])));
|
|
71
|
+
var avatarStyle = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n top: -0.1em;\n left: 0;\n border-radius: 100%;\n height: 6em;\n width: 6em;\n color: black;\n z-index: 1;\n"], ["\n position: absolute;\n top: -0.1em;\n left: 0;\n border-radius: 100%;\n height: 6em;\n width: 6em;\n color: black;\n z-index: 1;\n"])));
|
|
72
|
+
var nameStyle = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-self: end;\n max-width: 7.3em;\n margin: 0;\n font-size: 2.4em;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n"], ["\n align-self: end;\n max-width: 7.3em;\n margin: 0;\n font-size: 2.4em;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n"])));
|
|
73
|
+
var backgroundCss = function (backgroundImage) { return (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background: rgba(0, 0, 0, 0.8) url(", ");\n background-size: cover;\n background-repeat: no-repeat;\n"], ["\n background: rgba(0, 0, 0, 0.8) url(", ");\n background-size: cover;\n background-repeat: no-repeat;\n"])), backgroundImage); };
|
|
74
|
+
var pointable = (0, react_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
|
|
75
|
+
var panelStyle = (0, react_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n background-color: white;\n\n &:after {\n content: '';\n position: absolute;\n top: 0;\n height: 100%;\n width: 100%;\n left: 0;\n border-radius: 1em;\n }\n"], ["\n background-color: white;\n\n &:after {\n content: '';\n position: absolute;\n top: 0;\n height: 100%;\n width: 100%;\n left: 0;\n border-radius: 1em;\n }\n"])));
|
|
76
|
+
var data = (0, react_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n color: white;\n background-color: rgba(0, 0, 0, 0.7);\n padding: 0.1em 0.3em;\n border-radius: 0.4em;\n z-index: 2;\n"], ["\n color: white;\n background-color: rgba(0, 0, 0, 0.7);\n padding: 0.1em 0.3em;\n border-radius: 0.4em;\n z-index: 2;\n"])));
|
|
77
|
+
var timerStyle = (0, react_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n align-self: end;\n font-size: 2.5em;\n"], ["\n align-self: end;\n font-size: 2.5em;\n"])));
|
|
78
|
+
var isPlaying = (0, react_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n position: absolute;\n top: -0.1em;\n left: 0;\n border-radius: 50%;\n height: 6em;\n width: 6em;\n color: black;\n z-index: 0;\n"], ["\n position: absolute;\n top: -0.1em;\n left: 0;\n border-radius: 50%;\n height: 6em;\n width: 6em;\n color: black;\n z-index: 0;\n"])));
|
|
79
|
+
var circleAnimation = (0, react_1.keyframes)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n to {\n transform: rotateZ(0);\n }\n from {\n transform: rotateZ(360deg);\n }\n"], ["\n to {\n transform: rotateZ(0);\n }\n from {\n transform: rotateZ(360deg);\n }\n"])));
|
|
75
80
|
var inset = 0.8;
|
|
76
|
-
var circle = (0, react_1.css)(
|
|
77
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15
|
|
81
|
+
var circle = (0, react_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n background-image: linear-gradient(\n to bottom, gold 0%,\n rgb(40, 184, 206) 100%);\n position: absolute;\n top: -", "em;\n bottom: -", "em;\n right: -", "em;\n left: -", "em;\n border-radius: inherit;\n animation: ", " 1s infinite linear;\n"], ["\n background-image: linear-gradient(\n to bottom, gold 0%,\n rgb(40, 184, 206) 100%);\n position: absolute;\n top: -", "em;\n bottom: -", "em;\n right: -", "em;\n left: -", "em;\n border-radius: inherit;\n animation: ", " 1s infinite linear;\n"])), inset, inset, inset, inset, circleAnimation);
|
|
82
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
|
|
78
83
|
//# sourceMappingURL=StyledPlayerPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledPlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/StyledPlayerPanel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StyledPlayerPanel.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/StyledPlayerPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,4 +16,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./PlayerPanel"), exports);
|
|
18
18
|
__exportStar(require("./StyledPlayerPanel"), exports);
|
|
19
|
+
__exportStar(require("./Counters"), exports);
|
|
19
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA6B;AAC7B,sDAAmC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PlayerPanel/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA6B;AAC7B,sDAAmC;AACnC,6CAA0B"}
|
|
@@ -2,4 +2,4 @@ import { LocationHelpDisplay } from '@gamepark/rules-api';
|
|
|
2
2
|
export type LocationRulesDialogContentProps<P extends number = number, L extends number = number> = {
|
|
3
3
|
helpDisplay: LocationHelpDisplay<P, L>;
|
|
4
4
|
};
|
|
5
|
-
export declare const LocationRulesDialogContent: <P extends number = number, M extends number = number, L extends number = number>({ helpDisplay }: LocationRulesDialogContentProps<P, L>) => import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
5
|
+
export declare const LocationRulesDialogContent: <P extends number = number, M extends number = number, L extends number = number>({ helpDisplay: { location } }: LocationRulesDialogContentProps<P, L>) => import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
@@ -23,17 +23,17 @@ var hooks_1 = require("../../../hooks");
|
|
|
23
23
|
var useCloseHelpDialog_1 = require("../../../hooks/useCloseHelpDialog");
|
|
24
24
|
var RulesHelpDialogContent_1 = require("./RulesHelpDialogContent");
|
|
25
25
|
var LocationRulesDialogContent = function (_a) {
|
|
26
|
-
var
|
|
26
|
+
var location = _a.helpDisplay.location;
|
|
27
27
|
var closeHelpDialog = (0, useCloseHelpDialog_1.useCloseHelpDialog)();
|
|
28
28
|
var context = (0, hooks_1.useMaterialContext)();
|
|
29
|
-
var locator = (0, hooks_1.useItemLocator)(
|
|
30
|
-
var description = locator === null || locator === void 0 ? void 0 : locator.getLocationDescription(context);
|
|
29
|
+
var locator = (0, hooks_1.useItemLocator)(location.type);
|
|
30
|
+
var description = locator === null || locator === void 0 ? void 0 : locator.getLocationDescription(location, context);
|
|
31
31
|
if (!(description === null || description === void 0 ? void 0 : description.help))
|
|
32
32
|
return null;
|
|
33
|
-
var image = description.getHelpImage(
|
|
34
|
-
var _b = description.
|
|
33
|
+
var image = description.getHelpImage(location, context);
|
|
34
|
+
var _b = description.getLocationSize(location, context), width = _b.width, height = _b.height;
|
|
35
35
|
return (0, jsx_runtime_1.jsxs)("div", __assign({ css: flex }, { children: [!!image &&
|
|
36
|
-
(0, jsx_runtime_1.jsx)("div", { css: [noShrink, (0, css_1.fontSizeCss)(Math.min(75 / height, 75 / width, 10)), backgroundImage(image, height, width)] }), (0, jsx_runtime_1.jsx)("div", __assign({ css: RulesHelpDialogContent_1.helpDialogContentCss }, { children: (0, jsx_runtime_1.jsx)(description.help, { location:
|
|
36
|
+
(0, jsx_runtime_1.jsx)("div", { css: [noShrink, (0, css_1.fontSizeCss)(Math.min(75 / height, 75 / width, 10)), backgroundImage(image, height, width)] }), (0, jsx_runtime_1.jsx)("div", __assign({ css: RulesHelpDialogContent_1.helpDialogContentCss }, { children: (0, jsx_runtime_1.jsx)(description.help, { location: location, closeDialog: closeHelpDialog }) }))] }));
|
|
37
37
|
};
|
|
38
38
|
exports.LocationRulesDialogContent = LocationRulesDialogContent;
|
|
39
39
|
var flex = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n padding: 3em 1em 3em 3em;\n max-width: inherit;\n max-height: inherit;\n"], ["\n display: flex;\n padding: 3em 1em 3em 3em;\n max-width: inherit;\n max-height: inherit;\n"])));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LocationRulesDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/LocationRulesDialogContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AAEpC,oCAA0C;AAC1C,wCAAmE;AACnE,wEAAsE;AACtE,mEAA+D;AAMxD,IAAM,0BAA0B,GAAG,UACxC,
|
|
1
|
+
{"version":3,"file":"LocationRulesDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/LocationRulesDialogContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AAEpC,oCAA0C;AAC1C,wCAAmE;AACnE,wEAAsE;AACtE,mEAA+D;AAMxD,IAAM,0BAA0B,GAAG,UACxC,EAAoE;QAAnD,QAAQ,0BAAA;IAEzB,IAAM,eAAe,GAAG,IAAA,uCAAkB,GAAE,CAAA;IAC5C,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAW,CAAA;IAC7C,IAAM,OAAO,GAAG,IAAA,sBAAc,EAAU,QAAQ,CAAC,IAAI,CAAC,CAAA;IACtD,IAAM,WAAW,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACtE,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CAAA;QAAE,OAAO,IAAI,CAAA;IACnC,IAAM,KAAK,GAAG,WAAW,CAAC,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACnD,IAAA,KAAoB,WAAW,CAAC,eAAe,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAhE,KAAK,WAAA,EAAE,MAAM,YAAmD,CAAA;IACxE,OAAO,0CAAK,GAAG,EAAE,IAAI,iBAClB,CAAC,CAAC,KAAK;gBACN,gCAAK,GAAG,EAAE,CAAC,QAAQ,EAAE,IAAA,iBAAW,EAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG,EAEpH,yCAAK,GAAG,EAAE,6CAAoB,gBAC5B,uBAAC,WAAW,CAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,GAAG,IACjE,KACF,CAAA;AACR,CAAC,CAAA;AAlBY,QAAA,0BAA0B,8BAkBtC;AAED,IAAM,IAAI,OAAG,WAAG,sKAAA,kGAKf,IAAA,CAAA;AAED,IAAM,QAAQ,OAAG,WAAG,2FAAA,uBAEnB,IAAA,CAAA;AAED,IAAM,eAAe,GAAG,UAAC,KAAa,EAAE,MAAc,EAAE,KAAa,IAAK,WAAA,WAAG,wKAAA,4BACnD,EAAK,2CAEnB,EAAM,gBACP,EAAK,OACf,KAJyB,KAAK,EAEnB,MAAM,EACP,KAAK,GAJ0D,CAKzE,CAAA"}
|
|
@@ -30,6 +30,7 @@ var useLocators_1 = require("../../../hooks/useLocators");
|
|
|
30
30
|
var material_1 = require("../../material");
|
|
31
31
|
var LocationDisplay_1 = require("../../material/locations/LocationDisplay");
|
|
32
32
|
var RulesHelpDialogContent_1 = require("./RulesHelpDialogContent");
|
|
33
|
+
var displayMaterialHelp = rules_api_1.MaterialMoveBuilder.displayMaterialHelp;
|
|
33
34
|
var useMaterialNavigation = function (helpDisplay, context) {
|
|
34
35
|
var rules = (0, hooks_1.useRules)();
|
|
35
36
|
var play = (0, hooks_1.usePlay)();
|
|
@@ -56,11 +57,11 @@ var useMaterialNavigation = function (helpDisplay, context) {
|
|
|
56
57
|
var currentIndex = materialIndexes.indexOf(helpDisplay.itemIndex);
|
|
57
58
|
var previous = material.index(materialIndexes[currentIndex - 1]);
|
|
58
59
|
var next = material.index(materialIndexes[currentIndex + 1]);
|
|
59
|
-
var previousMove = previous.length ?
|
|
60
|
-
var nextMove = next.length ?
|
|
60
|
+
var previousMove = previous.length ? displayMaterialHelp(helpDisplay.itemType, previous.getItem(), previous.getIndex()) : undefined;
|
|
61
|
+
var nextMove = next.length ? displayMaterialHelp(helpDisplay.itemType, next.getItem(), next.getIndex()) : undefined;
|
|
61
62
|
return {
|
|
62
|
-
previous: previous.length ?
|
|
63
|
-
next: next.length ?
|
|
63
|
+
previous: previous.length ? displayMaterialHelp(helpDisplay.itemType, previous.getItem(), previous.getIndex()) : undefined,
|
|
64
|
+
next: next.length ? displayMaterialHelp(helpDisplay.itemType, next.getItem(), next.getIndex()) : undefined
|
|
64
65
|
};
|
|
65
66
|
};
|
|
66
67
|
var MaterialRulesDialogContent = function (_a) {
|
|
@@ -81,8 +82,14 @@ var MaterialRulesDialogContent = function (_a) {
|
|
|
81
82
|
var locations = item.location ? (_c = (_b = context.material[helpDisplay.itemType]) === null || _b === void 0 ? void 0 : _b.getLocations(item, itemContext)) !== null && _c !== void 0 ? _c : [] : [];
|
|
82
83
|
return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ css: [flex, hasNavigation && fullSize] }, { children: [(0, jsx_runtime_1.jsx)(material_1.MaterialComponent, __assign({ type: helpDisplay.itemType, itemId: item.id, css: [
|
|
83
84
|
noShrink, (0, css_1.fontSizeCss)(Math.min(75 / height, 75 / width, 10)),
|
|
84
|
-
(0, material_1.isFlatMaterialDescription)(description) && description.
|
|
85
|
-
] }, { children: locations.map(function (location) {
|
|
85
|
+
(0, material_1.isFlatMaterialDescription)(description) && description.isFlippedInDialog(item, itemContext) && (0, css_1.transformCss)('rotateY(180deg)')
|
|
86
|
+
] }, { children: locations.map(function (location) {
|
|
87
|
+
var _a;
|
|
88
|
+
var locationDescription = (_a = context.locators[location.type]) === null || _a === void 0 ? void 0 : _a.getLocationDescription(location, context);
|
|
89
|
+
if (!locationDescription || !locationDescription.displayInParentItemHelp)
|
|
90
|
+
return null;
|
|
91
|
+
return (0, jsx_runtime_1.jsx)(LocationDisplay_1.LocationDisplay, { location: location, description: locationDescription }, JSON.stringify(location));
|
|
92
|
+
}) })), (0, jsx_runtime_1.jsx)("div", __assign({ css: RulesHelpDialogContent_1.helpDialogContentCss }, { children: description.help && (0, jsx_runtime_1.jsx)(description.help, __assign({}, helpDisplay, { closeDialog: closeHelpDialog })) }))] })), previous && (0, jsx_runtime_1.jsx)(PreviousArrow, { onPrevious: function () { return play(previous, { local: true }); } }), next && (0, jsx_runtime_1.jsx)(NextArrow, { onNext: function () { return play(next, { local: true }); } })] });
|
|
86
93
|
};
|
|
87
94
|
exports.MaterialRulesDialogContent = MaterialRulesDialogContent;
|
|
88
95
|
var NextArrow = function (props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaterialRulesDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/MaterialRulesDialogContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,wCAAgE;AAChE,iFAA+E;AAC/E,mFAAiF;AACjF,oEAAgE;AAChE,iDAA+H;AAC/H,+BAAmC;AACnC,oCAAwD;AACxD,wCAA0G;AAC1G,wEAAsE;AACtE,0DAAwD;AAExD,2CAA6E;AAC7E,4EAA0E;AAC1E,mEAA+D;
|
|
1
|
+
{"version":3,"file":"MaterialRulesDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/MaterialRulesDialogContent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare abstract class ComponentDescription<Id = any> {
|
|
2
|
+
constructor(clone?: Partial<Pick<ComponentDescription, 'height' | 'width' | 'ratio' | 'borderRadius'>>);
|
|
3
|
+
abstract getImages(): string[];
|
|
4
|
+
height?: number;
|
|
5
|
+
width?: number;
|
|
6
|
+
ratio?: number;
|
|
7
|
+
getSize(_id: Id): ComponentSize;
|
|
8
|
+
borderRadius: number;
|
|
9
|
+
getBorderRadius(_id: Id): number;
|
|
10
|
+
}
|
|
11
|
+
export type ComponentSize = {
|
|
12
|
+
width: number;
|
|
13
|
+
height: number;
|
|
14
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ComponentDescription = void 0;
|
|
4
|
+
var ComponentDescription = (function () {
|
|
5
|
+
function ComponentDescription(clone) {
|
|
6
|
+
var _a;
|
|
7
|
+
this.height = clone === null || clone === void 0 ? void 0 : clone.height;
|
|
8
|
+
this.width = clone === null || clone === void 0 ? void 0 : clone.width;
|
|
9
|
+
this.ratio = clone === null || clone === void 0 ? void 0 : clone.ratio;
|
|
10
|
+
this.borderRadius = (_a = clone === null || clone === void 0 ? void 0 : clone.borderRadius) !== null && _a !== void 0 ? _a : 0;
|
|
11
|
+
}
|
|
12
|
+
ComponentDescription.prototype.getSize = function (_id) {
|
|
13
|
+
if (this.width && this.height)
|
|
14
|
+
return { width: this.width, height: this.height };
|
|
15
|
+
if (this.ratio && this.width)
|
|
16
|
+
return { width: this.width, height: this.width / this.ratio };
|
|
17
|
+
if (this.ratio && this.height)
|
|
18
|
+
return { width: this.height * this.ratio, height: this.height };
|
|
19
|
+
throw new Error("".concat(this.constructor.name, ": you must implement \"getSize\" or 2 of \"width\", \"height\" & \"ratio\" in any Component description"));
|
|
20
|
+
};
|
|
21
|
+
ComponentDescription.prototype.getBorderRadius = function (_id) {
|
|
22
|
+
return this.borderRadius;
|
|
23
|
+
};
|
|
24
|
+
return ComponentDescription;
|
|
25
|
+
}());
|
|
26
|
+
exports.ComponentDescription = ComponentDescription;
|
|
27
|
+
//# sourceMappingURL=ComponentDescription.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComponentDescription.js","sourceRoot":"","sources":["../../../src/components/material/ComponentDescription.ts"],"names":[],"mappings":";;;AAIA;IAEE,8BAAY,KAA0F;;QACpG,IAAI,CAAC,MAAM,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA;QAC3B,IAAI,CAAC,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAA;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAA;QACzB,IAAI,CAAC,YAAY,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,mCAAI,CAAC,CAAA;IAC9C,CAAC;IA2BD,sCAAO,GAAP,UAAQ,GAAO;QACb,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAA;QAChF,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAA;QAC3F,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAA;QAC9F,MAAM,IAAI,KAAK,CAAC,UAAG,IAAI,CAAC,WAAW,CAAC,IAAI,4GAAiG,CAAC,CAAA;IAC5I,CAAC;IAYD,8CAAe,GAAf,UAAgB,GAAO;QACrB,OAAO,IAAI,CAAC,YAAY,CAAA;IAC1B,CAAC;IACH,2BAAC;AAAD,CAAC,AAtDD,IAsDC;AAtDqB,oDAAoB"}
|
|
@@ -15,5 +15,6 @@ export declare abstract class CubicDiceDescription<P extends number = number, M
|
|
|
15
15
|
getSideId(index: number, _itemId: ItemId): any;
|
|
16
16
|
content: ({ itemId, highlight, playDown }: MaterialContentProps<ItemId>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
17
17
|
getSideTransform(index: number): Interpolation<Theme>;
|
|
18
|
+
getItemTransform(item: MaterialItem<P, L>, context: ItemContext<P, M, L>): string[];
|
|
18
19
|
getRotations(item: MaterialItem<P, L>, _context: ItemContext<P, M, L>): string[];
|
|
19
20
|
}
|
|
@@ -18,6 +18,15 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
18
18
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
19
19
|
return cooked;
|
|
20
20
|
};
|
|
21
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
22
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
23
|
+
if (ar || !(i in from)) {
|
|
24
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
25
|
+
ar[i] = from[i];
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
29
|
+
};
|
|
21
30
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
31
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
32
|
};
|
|
@@ -79,6 +88,10 @@ var CubicDiceDescription = (function (_super) {
|
|
|
79
88
|
return (0, css_1.transformCss)("translateZ(-".concat(this.width / 2, "em)"), 'rotateY(180deg)');
|
|
80
89
|
}
|
|
81
90
|
};
|
|
91
|
+
CubicDiceDescription.prototype.getItemTransform = function (item, context) {
|
|
92
|
+
var _a;
|
|
93
|
+
return (_a = _super.prototype.getItemTransform.call(this, item, context)).concat.apply(_a, __spreadArray(["translateZ(".concat(this.width / 2, "em)")], this.getRotations(item, context), false));
|
|
94
|
+
};
|
|
82
95
|
CubicDiceDescription.prototype.getRotations = function (item, _context) {
|
|
83
96
|
switch (item.location.rotation) {
|
|
84
97
|
case 1:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CubicDiceDescription.js","sourceRoot":"","sources":["../../../../src/components/material/Dices/CubicDiceDescription.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CubicDiceDescription.js","sourceRoot":"","sources":["../../../../src/components/material/Dices/CubicDiceDescription.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { DisplayedItem } from '@gamepark/rules-api';
|
|
3
2
|
import { MaterialComponentProps } from './MaterialComponent';
|
|
4
3
|
export type DraggableMaterialProps<M extends number = number> = {
|
|
@@ -6,16 +5,5 @@ export type DraggableMaterialProps<M extends number = number> = {
|
|
|
6
5
|
displayIndex: number;
|
|
7
6
|
isFocused?: boolean;
|
|
8
7
|
} & MaterialComponentProps<M>;
|
|
9
|
-
export declare const DraggableMaterial: import("react").
|
|
10
|
-
index: number;
|
|
11
|
-
displayIndex: number;
|
|
12
|
-
isFocused?: boolean | undefined;
|
|
13
|
-
} & {
|
|
14
|
-
type: number;
|
|
15
|
-
itemId?: any;
|
|
16
|
-
onShortClick?: (() => void) | undefined;
|
|
17
|
-
onLongClick?: (() => void) | undefined;
|
|
18
|
-
highlight?: boolean | undefined;
|
|
19
|
-
playDown?: boolean | undefined;
|
|
20
|
-
} & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export declare const DraggableMaterial: <M extends number = number>({ highlight, type, index, displayIndex, isFocused, ...props }: DraggableMaterialProps<M>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
21
9
|
export declare function dataIsDisplayedItem<M extends number = number>(data?: Record<string, any>): data is DisplayedItem<M>;
|