@gamepark/react-game 6.27.0 → 6.28.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/Header/MaterialHeader.js +1 -1
- package/dist/components/Header/MaterialHeader.js.map +1 -1
- package/dist/components/buttons/PlayMoveButton/PlayMoveButton.js +3 -3
- package/dist/components/buttons/PlayMoveButton/PlayMoveButton.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.js +4 -3
- package/dist/components/dialogs/RulesDialog/LocationRulesDialogContent.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.js +5 -5
- package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.js.map +1 -1
- package/dist/components/dialogs/RulesDialog/RulesHelpDialogContent.js +5 -3
- package/dist/components/dialogs/RulesDialog/RulesHelpDialogContent.js.map +1 -1
- package/dist/components/material/Dices/CubicDiceDescription.d.ts +1 -0
- package/dist/components/material/Dices/CubicDiceDescription.js +4 -1
- package/dist/components/material/Dices/CubicDiceDescription.js.map +1 -1
- package/dist/components/material/DraggableMaterial.js +46 -9
- package/dist/components/material/DraggableMaterial.js.map +1 -1
- package/dist/components/material/FlatMaterial/FlatMaterial.d.ts +2 -2
- package/dist/components/material/FlatMaterial/FlatMaterial.js +7 -8
- package/dist/components/material/FlatMaterial/FlatMaterial.js.map +1 -1
- package/dist/components/material/GameTable/GameMaterialDisplay.js +4 -3
- package/dist/components/material/GameTable/GameMaterialDisplay.js.map +1 -1
- package/dist/components/material/GameTable/GameTable.js +1 -1
- package/dist/components/material/GameTable/GameTable.js.map +1 -1
- package/dist/components/material/GameTable/ItemDisplay.d.ts +3 -1
- package/dist/components/material/GameTable/ItemDisplay.js +6 -9
- package/dist/components/material/GameTable/ItemDisplay.js.map +1 -1
- package/dist/components/material/ItemMenuButton.d.ts +8 -5
- package/dist/components/material/ItemMenuButton.js +7 -7
- package/dist/components/material/ItemMenuButton.js.map +1 -1
- package/dist/components/material/MaterialDescription.d.ts +6 -2
- package/dist/components/material/MaterialDescription.js +12 -4
- package/dist/components/material/MaterialDescription.js.map +1 -1
- package/dist/components/material/locations/DropAreaDescription.d.ts +2 -0
- package/dist/components/material/locations/DropAreaDescription.js +16 -0
- package/dist/components/material/locations/DropAreaDescription.js.map +1 -1
- package/dist/components/material/locations/HexGridDropAreaDescription.d.ts +2 -0
- package/dist/components/material/locations/HexGridDropAreaDescription.js +7 -0
- package/dist/components/material/locations/HexGridDropAreaDescription.js.map +1 -1
- package/dist/components/material/locations/LocationComponent.js +1 -1
- package/dist/components/material/locations/LocationComponent.js.map +1 -1
- package/dist/components/material/locations/SimpleDropArea.js +9 -19
- package/dist/components/material/locations/SimpleDropArea.js.map +1 -1
- package/dist/hooks/useCloseHelpDialog.js +4 -10
- package/dist/hooks/useCloseHelpDialog.js.map +1 -1
- package/dist/hooks/useItemLocations.js +11 -2
- package/dist/hooks/useItemLocations.js.map +1 -1
- package/dist/hooks/useStaticLocations.js +21 -10
- package/dist/hooks/useStaticLocations.js.map +1 -1
- package/dist/locators/FlexLocator.js +2 -2
- package/dist/locators/FlexLocator.js.map +1 -1
- package/dist/locators/Locator.d.ts +3 -3
- package/dist/locators/Locator.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GameTable.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/GameTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,sCAAiI;AACjI,gDAAuD;AACvD,wCAA4C;AAC5C,iDAAyD;AACzD,+BAA6F;AAC7F,6DAAwG;AACxG,oCAA0D;AAC1D,wCAA2E;AAC3E,oEAA4F;AAC5F,0DAA0D;AAC1D,4DAA0D;AAC1D,6DAA2D;AAC3D,IAAO,YAAY,GAAG,+BAAmB,CAAC,YAAY,CAAA;AActD,IAAM,KAAK,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;AAC5B,IAAM,WAAW,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;AACtC,IAAM,oBAAoB,GAAG,EAAE,oBAAoB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAA;AAC/D,IAAM,SAAS,GAAuB,UAC3C,EAYC;IAXC,IAAA,kBAAkB,wBAAA,EAClB,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,cAAiD,EAAjD,MAAM,mBAAG,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAA,EACjD,cAAc,oBAAA,EACd,QAAQ,cAAA,EACL,KAAK,cAXV,6HAYC,CADS;IAIJ,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IAC/C,IAAM,OAAO,GAAG,IAAA,iBAAU,EACxB,IAAA,gBAAS,EAAC,oBAAa,EAAE,oBAAoB,CAAC,CAC/C,CAAA;IAED,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IACpC,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,IAAM,UAAU,GAAG,IAAA,qBAAa,GAAE,CAAA;IAClC,IAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAmB;QAChD,WAAW,CAAC,KAAK,CAAC,CAAA;QAClB,IAAM,IAAI,GAAG,IAAA,iCAAe,EAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAA;QACxD,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,IAAI,IAAA,uCAAmB,EAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;gBAClD,IAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAA;gBAC9B,IAAA,IAAI,GAA0B,IAAI,KAA9B,EAAE,KAAK,GAAmB,IAAI,MAAvB,EAAE,YAAY,GAAK,IAAI,aAAT,CAAS;gBAC1C,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"GameTable.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/GameTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/** @jsxImportSource @emotion/react */
|
|
3
|
+
import { Interpolation, Theme } from '@emotion/react';
|
|
2
4
|
import { MaterialItem } from '@gamepark/rules-api';
|
|
3
5
|
export declare const ItemDisplay: import("react").ForwardRefExoticComponent<{
|
|
4
6
|
type: number;
|
|
@@ -12,7 +14,7 @@ export declare const ItemDisplay: import("react").ForwardRefExoticComponent<{
|
|
|
12
14
|
displayIndex: number;
|
|
13
15
|
item: MaterialItem;
|
|
14
16
|
dragTransform?: string | undefined;
|
|
15
|
-
|
|
17
|
+
animation?: Interpolation<Theme>;
|
|
16
18
|
isFocused?: boolean | undefined;
|
|
17
19
|
onShortClick?: (() => void) | undefined;
|
|
18
20
|
onLongClick?: (() => void) | undefined;
|
|
@@ -50,15 +50,13 @@ var use_long_press_1 = require("use-long-press");
|
|
|
50
50
|
var hooks_1 = require("../../../hooks");
|
|
51
51
|
var useItemLocations_1 = require("../../../hooks/useItemLocations");
|
|
52
52
|
var utilities_1 = require("../../../utilities");
|
|
53
|
-
var rotations_utils_1 = require("../animations/rotations.utils");
|
|
54
53
|
var locations_1 = require("../locations");
|
|
55
54
|
var MaterialComponent_1 = require("../MaterialComponent");
|
|
56
55
|
var utils_1 = require("../utils");
|
|
57
56
|
var focus_1 = require("./focus");
|
|
58
57
|
exports.ItemDisplay = (0, react_2.forwardRef)(function (_a, ref) {
|
|
59
|
-
var type = _a.type, index = _a.index, displayIndex = _a.displayIndex, item = _a.item, dragTransform = _a.dragTransform,
|
|
58
|
+
var type = _a.type, index = _a.index, displayIndex = _a.displayIndex, item = _a.item, dragTransform = _a.dragTransform, animation = _a.animation, isFocused = _a.isFocused, onShortClick = _a.onShortClick, onLongClick = _a.onLongClick, highlight = _a.highlight, playDown = _a.playDown, props = __rest(_a, ["type", "index", "displayIndex", "item", "dragTransform", "animation", "isFocused", "onShortClick", "onLongClick", "highlight", "playDown"]);
|
|
60
59
|
var context = (0, hooks_1.useMaterialContext)();
|
|
61
|
-
var legalMoves = (0, hooks_1.useLegalMoves)();
|
|
62
60
|
var _b = (0, focus_1.useFocusContext)(), focus = _b.focus, focusRef = _b.focusRef;
|
|
63
61
|
var itemContext = (0, react_2.useMemo)(function () { return (__assign(__assign({}, context), { type: type, index: index, displayIndex: displayIndex, dragTransform: dragTransform })); }, [context, type, index, displayIndex, dragTransform]);
|
|
64
62
|
var locations = (0, useItemLocations_1.useItemLocations)(item, itemContext);
|
|
@@ -68,7 +66,7 @@ exports.ItemDisplay = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
68
66
|
var transformStyle = (dragTransform ? __spreadArray([dragTransform], itemTransform, true) : itemTransform).join(' ');
|
|
69
67
|
var hoverTransform = (0, react_2.useMemo)(function () { return description.getHoverTransform(item, itemContext).join(' '); }, [description, item, itemContext]);
|
|
70
68
|
var play = (0, hooks_1.usePlay)();
|
|
71
|
-
var displayHelp = (0, react_2.useMemo)(function () { return function () { return play(description.displayHelp(item, itemContext), {
|
|
69
|
+
var displayHelp = (0, react_2.useMemo)(function () { return function () { return play(description.displayHelp(item, itemContext), { transient: true }); }; }, [description, item, itemContext]);
|
|
72
70
|
onLongClick = onLongClick !== null && onLongClick !== void 0 ? onLongClick : (onShortClick ? displayHelp : undefined);
|
|
73
71
|
var lastShortClick = (0, react_2.useRef)(new Date().getTime());
|
|
74
72
|
var listeners = (0, use_long_press_1.useLongPress)(function () { return onLongClick && onLongClick(); }, {
|
|
@@ -88,11 +86,10 @@ exports.ItemDisplay = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
88
86
|
filterEvents: function (event) { return !event.button; } // Ignore clicks on mouse buttons > 0
|
|
89
87
|
})();
|
|
90
88
|
var canHaveChildren = (0, react_2.useMemo)(function () { return Object.values(context.locators).some(function (locator) { return (locator === null || locator === void 0 ? void 0 : locator.parentItemType) === type; }); }, [context, type]);
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
] }, props, (0, utilities_1.combineEventListeners)(listeners, props), { children: (0, jsx_runtime_1.jsxs)(MaterialComponent_1.MaterialComponent, __assign({ ref: isFocused ? (0, react_merge_refs_1.mergeRefs)([ref, focusRef]) : ref, itemIndex: index, type: type, itemId: item.id, highlight: highlight, playDown: playDown !== null && playDown !== void 0 ? playDown : ((focus === null || focus === void 0 ? void 0 : focus.highlight) && !isFocused && !focusedLocations.length), style: { transform: transformStyle }, css: description.getItemExtraCss(item, itemContext) }, { children: [canHaveChildren ? (0, jsx_runtime_1.jsx)(ItemDropLocations, { locations: otherLocations, item: item, type: type }) : (0, jsx_runtime_1.jsx)(ItemLocations, { locations: otherLocations }), focusedLocations.length > 0 && (0, jsx_runtime_1.jsx)(locations_1.LocationsMask, { locations: focusedLocations.map(function (l) { return l.location; }), borderRadius: description.getBorderRadius(item.id) }), (0, jsx_runtime_1.jsx)(ItemLocations, { locations: focusedLocations })] })) })), menu && (0, jsx_runtime_1.jsx)("div", __assign({ style: { position: 'absolute', transform: (0, rotations_utils_1.removeRotations)(itemTransform).join(' ') + ' translateZ(15em)' } }, props, { children: menu }))] });
|
|
89
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: [
|
|
90
|
+
itemCss, animation,
|
|
91
|
+
hoverTransform && hoverCss(itemTransform.join(' '), description.getSize(item.id), hoverTransform, !!animation || !!dragTransform)
|
|
92
|
+
] }, props, (0, utilities_1.combineEventListeners)(listeners, props), { children: (0, jsx_runtime_1.jsxs)(MaterialComponent_1.MaterialComponent, __assign({ ref: isFocused ? (0, react_merge_refs_1.mergeRefs)([ref, focusRef]) : ref, itemIndex: index, type: type, itemId: item.id, highlight: highlight, playDown: playDown !== null && playDown !== void 0 ? playDown : ((focus === null || focus === void 0 ? void 0 : focus.highlight) && !isFocused && !focusedLocations.length), style: { transform: transformStyle }, css: description.getItemExtraCss(item, itemContext) }, { children: [canHaveChildren ? (0, jsx_runtime_1.jsx)(ItemDropLocations, { locations: otherLocations, item: item, type: type }) : (0, jsx_runtime_1.jsx)(ItemLocations, { locations: otherLocations }), focusedLocations.length > 0 && (0, jsx_runtime_1.jsx)(locations_1.LocationsMask, { locations: focusedLocations.map(function (l) { return l.location; }), borderRadius: description.getBorderRadius(item.id) }), (0, jsx_runtime_1.jsx)(ItemLocations, { locations: focusedLocations })] })) })) });
|
|
96
93
|
});
|
|
97
94
|
var itemCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n > * {\n position: absolute;\n }\n"], ["\n > * {\n position: absolute;\n }\n"])));
|
|
98
95
|
var hoverCss = function (itemTransform, itemSize, hoverTransform, disable) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n @media (hover) {\n &:hover > * > * {\n transition: transform 50ms ease-in-out;\n transform: ", ";\n }\n }\n\n > * {\n pointer-events: ", ";\n }\n\n &:before {\n content: \" \";\n position: absolute;\n width: ", "em;\n height: ", "em;\n transform: ", ";\n }\n"], ["\n @media (hover) {\n &:hover > * > * {\n transition: transform 50ms ease-in-out;\n transform: ", ";\n }\n }\n\n > * {\n pointer-events: ", ";\n }\n\n &:before {\n content: \" \";\n position: absolute;\n width: ", "em;\n height: ", "em;\n transform: ", ";\n }\n"])), disable ? '' : hoverTransform, disable ? 'auto' : 'none', itemSize.width, itemSize.height, itemTransform); };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemDisplay.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/ItemDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"ItemDisplay.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/ItemDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAA0D;AAE1D,2DAAoC;AACpC,+DAAwC;AACxC,+BAA+D;AAC/D,qDAA4C;AAC5C,iDAA0F;AAC1F,wCAA4E;AAC5E,oEAA8G;AAC9G,gDAA0D;AAE1D,0CAA4C;AAC5C,0DAAgF;AAChF,kCAA2C;AAC3C,iCAAyC;AAa5B,QAAA,WAAW,GAAG,IAAA,kBAAU,EAAmC,UACtE,EAAoJ,EAAE,GAAG;IAAvJ,IAAA,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,IAAI,UAAA,EAAE,aAAa,mBAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAhI,4IAAkI,CAAF;IAEhI,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IAC9B,IAAA,KAAsB,IAAA,uBAAe,GAAE,EAArC,KAAK,WAAA,EAAE,QAAQ,cAAsB,CAAA;IAC7C,IAAM,WAAW,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,uBAAM,OAAO,KAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,YAAY,cAAA,EAAE,aAAa,eAAA,IAAG,EAA1D,CAA0D,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,CAAC,CAAC,CAAA;IAClJ,IAAM,SAAS,GAAG,IAAA,mCAAgB,EAAC,IAAI,EAAE,WAAW,CAAC,CAAA;IAC/C,IAAA,KAAqC,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,mBAAS,EAAC,SAAS,EAAE,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,QAAQ,EAAV,CAAU,CAAC,EAArC,CAAqC,EAAE,CAAC,SAAS,CAAC,CAAC,EAArG,gBAAgB,QAAA,EAAE,cAAc,QAAqE,CAAA;IAC5G,IAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAE,CAAA;IAC3C,IAAM,aAAa,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,WAAW,CAAC,gBAAgB,CAAC,IAAI,EAAE,WAAW,CAAC,EAA/C,CAA+C,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;IACtH,IAAM,cAAc,GAAG,CAAC,aAAa,CAAC,CAAC,gBAAE,aAAa,GAAK,aAAa,QAAE,CAAC,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACpG,IAAM,cAAc,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,WAAW,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAA1D,CAA0D,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;IAElI,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,IAAM,WAAW,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,cAAM,OAAA,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAArE,CAAqE,EAA3E,CAA2E,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;IAChJ,WAAW,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAErE,IAAM,cAAc,GAAG,IAAA,cAAM,EAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC,CAAA;IACnD,IAAM,SAAS,GAAG,IAAA,6BAAY,EAAC,cAAM,OAAA,WAAW,IAAI,WAAW,EAAE,EAA5B,CAA4B,EAAE;QACjE,MAAM,EAAE,mCAAkB,CAAC,OAAO;QAClC,gBAAgB,EAAE,CAAC;QACnB,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,UAAC,CAAC,EAAE,EAAU;gBAAR,MAAM,YAAA;YACpB,IAAI,MAAM,KAAK,wCAAuB,CAAC,kBAAkB,EAAE;gBACzD,IAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAA;gBACjC,IAAI,IAAI,GAAG,cAAc,CAAC,OAAO,GAAG,GAAG;oBAAE,OAAM;gBAC/C,cAAc,CAAC,OAAO,GAAG,IAAI,CAAA;gBAC7B,UAAU,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,WAAW,CAAC,CAAA;aACxC;QACH,CAAC;QACD,YAAY,EAAE,UAAA,KAAK,IAAI,OAAA,CAAE,KAAoB,CAAC,MAAM,EAA7B,CAA6B,CAAC,qCAAqC;KAC3F,CAAC,EAAE,CAAA;IAEJ,IAAM,eAAe,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAA,OAAO,IAAI,OAAA,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,MAAK,IAAI,EAAhC,CAAgC,CAAC,EAAjF,CAAiF,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAA;IAEzI,OAAO,2DACL,yCAAK,GAAG,EAAE;gBACR,OAAO,EAAE,SAAS;gBAClB,cAAc,IAAI,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,aAAa,CAAC;aAClI,IAAM,KAAK,EAAM,IAAA,iCAAqB,EAAC,SAAS,EAAE,KAAK,CAAC,cACvD,wBAAC,qCAAiB,aAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,IAAA,4BAAS,EAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EACjD,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,KAAI,CAAC,SAAS,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAClF,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,EACpC,GAAG,EAAE,WAAW,CAAC,eAAe,CAAC,IAAI,EAAE,WAAW,CAAC,iBACnE,eAAe,CAAC,CAAC,CAAC,uBAAC,iBAAiB,IAAC,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,uBAAC,aAAa,IAAC,SAAS,EAAE,cAAc,GAAG,EACvI,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,uBAAC,yBAAa,IAAC,SAAS,EAAE,gBAAgB,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,QAAQ,EAAV,CAAU,CAAC,EAAE,YAAY,EAAE,WAAW,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,EACtJ,uBAAC,aAAa,IAAC,SAAS,EAAE,gBAAgB,GAAG,KAC3B,IAChB,GACL,CAAA;AACL,CAAC,CAAC,CAAA;AAEF,IAAM,OAAO,OAAG,WAAG,+GAAA,2CAIlB,IAAA,CAAA;AAED,IAAM,QAAQ,GAAG,UAAC,aAAqB,EAAE,QAAuB,EAAE,cAAsB,EAAE,OAAgB,IAAK,WAAA,WAAG,mXAAA,+GAI/F,EAA6B,gDAK1B,EAAyB,mFAMlC,EAAc,mBACb,EAAe,sBACZ,EAAa,UAE7B,KAfkB,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAK1B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAMlC,QAAQ,CAAC,KAAK,EACb,QAAQ,CAAC,MAAM,EACZ,aAAa,GAjBiF,CAmB9G,CAAA;AAED,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAMvC,IAAM,aAAa,GAAG,UAAC,EAAiC;QAA/B,SAAS,eAAA;IAChC,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IACpC,OAAO,2DACJ,SAAS,CAAC,GAAG,CAAC,UAAC,EAAsB;;gBAApB,QAAQ,cAAA,EAAE,QAAQ,cAAA;YAClC,IAAM,WAAW,GAAG,MAAA,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,0CAAE,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;YAC9F,IAAM,iBAAiB,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAA;YAChD,IAAI,CAAC,iBAAiB;gBAAE,OAAO,IAAI,CAAA;YACnC,OAAO,uBAAC,iBAAiB,IAAgC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,IAArF,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAgE,CAAA;QACzH,CAAC,CAAC,GACD,CAAA;AACL,CAAC,CAAA;AAED,IAAM,iBAAiB,GAAG,UAAC,EAAoF;QAAlF,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA;IAChD,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IACpC,IAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAA;IACpC,IAAM,kBAAkB,yBAAQ,OAAO,GAAK,WAAW,CAAE,CAAA;IACzD,IAAM,qBAAqB,GAAG,IAAA,2CAAwB,GAAE,CAAA;IACxD,IAAM,YAAY,GAAG,IAAA,eAAO,EAAC;QAC3B,IAAM,MAAM,qBAAO,SAAS,OAAC,CAAA;gCAClB,UAAQ;YACjB,IAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,UAAQ,CAAC,IAAI,CAAC,CAAA;YAC/C,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,MAAK,IAAI,IAAI,IAAA,iBAAO,EAAC,OAAO,CAAC,aAAa,CAAC,UAAQ,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,IAAA,wBAAgB,EAAC,UAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAtC,CAAsC,CAAC,EAAE;gBAC5J,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,YAAA,EAAE,CAAC,CAAA;aAC1B;;QAJH,KAAuB,UAAqB,EAArB,+CAAqB,EAArB,mCAAqB,EAArB,IAAqB;YAAvC,IAAM,UAAQ,8BAAA;oBAAR,UAAQ;SAKlB;QACD,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAC,CAAA;IAGtC,OAAO,2DACJ,YAAY,CAAC,GAAG,CAAC,UAAC,EAAsB;;gBAApB,QAAQ,cAAA,EAAE,QAAQ,cAAA;YACrC,IAAM,WAAW,GAAG,MAAA,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,0CAAE,sBAAsB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAA;YACzG,IAAM,iBAAiB,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAA;YAChD,IAAI,CAAC,iBAAiB;gBAAE,OAAO,IAAI,CAAA;YACnC,OAAO,uBAAC,iBAAiB,IAAgC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,IAArF,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAgE,CAAA;QACzH,CAAC,CAAC,GACD,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { PlayOptions } from '@gamepark/react-client';
|
|
2
2
|
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
3
|
export type ItemButtonProps = {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
move?: any;
|
|
5
|
+
options?: PlayOptions;
|
|
6
|
+
label?: ReactNode;
|
|
7
|
+
labelPosition?: 'left' | 'right';
|
|
8
|
+
x?: number;
|
|
9
|
+
y?: number;
|
|
10
|
+
angle?: number;
|
|
6
11
|
radius?: number;
|
|
7
|
-
move: any;
|
|
8
|
-
options: PlayOptions;
|
|
9
12
|
};
|
|
10
|
-
export declare const ItemMenuButton: ({ label, angle, radius,
|
|
13
|
+
export declare const ItemMenuButton: ({ move, options, label, angle, radius, x, y, labelPosition, children, ...props }: ItemButtonProps & HTMLAttributes<HTMLButtonElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -30,17 +30,17 @@ exports.ItemMenuButton = void 0;
|
|
|
30
30
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
31
31
|
/** @jsxImportSource @emotion/react */
|
|
32
32
|
var react_1 = require("@emotion/react");
|
|
33
|
+
var css_1 = require("../../css");
|
|
33
34
|
var hooks_1 = require("../../hooks");
|
|
34
35
|
var ItemMenuButton = function (_a) {
|
|
35
|
-
var label = _a.label,
|
|
36
|
+
var move = _a.move, options = _a.options, label = _a.label, _b = _a.angle, angle = _b === void 0 ? 0 : _b, _c = _a.radius, radius = _c === void 0 ? 3 : _c, _d = _a.x, x = _d === void 0 ? radius * Math.sin(angle * Math.PI / 180) : _d, _e = _a.y, y = _e === void 0 ? radius * -Math.cos(angle * Math.PI / 180) : _e, _f = _a.labelPosition, labelPosition = _f === void 0 ? x > 0 ? 'left' : 'right' : _f, children = _a.children, props = __rest(_a, ["move", "options", "label", "angle", "radius", "x", "y", "labelPosition", "children"]);
|
|
36
37
|
var play = (0, hooks_1.usePlay)();
|
|
37
|
-
return (0, jsx_runtime_1.jsxs)("button", __assign({ css: [itemMenuButtonCss,
|
|
38
|
+
return (0, jsx_runtime_1.jsxs)("button", __assign({ css: [itemMenuButtonCss, (0, css_1.transformCss)('translate(-50%, -50%)', "translate(".concat(x, "em, ").concat(y, "em)"))], onClick: function () { return play(move, options); }, disabled: !move }, props, { children: [children, label && (0, jsx_runtime_1.jsx)("span", __assign({ css: [buttonLabelCss, labelPosition === 'left' ? labelLeft : labelRight] }, { children: label }))] }));
|
|
38
39
|
};
|
|
39
40
|
exports.ItemMenuButton = ItemMenuButton;
|
|
40
41
|
var itemMenuButtonCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n transform-style: preserve-3d;\n width: 2em;\n height: 2em;\n border-radius: 1em;\n background-color: white;\n color: black;\n cursor: pointer;\n"], ["\n transform-style: preserve-3d;\n width: 2em;\n height: 2em;\n border-radius: 1em;\n background-color: white;\n color: black;\n cursor: pointer;\n"])));
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
42
|
+
var buttonLabelCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n white-space: nowrap;\n background: rgba(0, 0, 0, 0.5);\n color: white;\n border-radius: 0.3em;\n"], ["\n position: absolute;\n white-space: nowrap;\n background: rgba(0, 0, 0, 0.5);\n color: white;\n border-radius: 0.3em;\n"])));
|
|
43
|
+
var labelLeft = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding: 0 0.2em 0 0.5em;\n top: 50%;\n right: 0.2em;\n transform: translate(100%, -50%) translateZ(-0.1em);\n"], ["\n padding: 0 0.2em 0 0.5em;\n top: 50%;\n right: 0.2em;\n transform: translate(100%, -50%) translateZ(-0.1em);\n"])));
|
|
44
|
+
var labelRight = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n padding: 0 0.5em 0 0.2em;\n top: 50%;\n left: 0.2em;\n transform: translate(-100%, -50%) translateZ(-0.1em);\n"], ["\n padding: 0 0.5em 0 0.2em;\n top: 50%;\n left: 0.2em;\n transform: translate(-100%, -50%) translateZ(-0.1em);\n"])));
|
|
45
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
46
46
|
//# sourceMappingURL=ItemMenuButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemMenuButton.js","sourceRoot":"","sources":["../../../src/components/material/ItemMenuButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAGpC,qCAAqC;
|
|
1
|
+
{"version":3,"file":"ItemMenuButton.js","sourceRoot":"","sources":["../../../src/components/material/ItemMenuButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAGpC,iCAAwC;AACxC,qCAAqC;AAa9B,IAAM,cAAc,GAAG,UAC5B,EAKsD;IAJpD,IAAA,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EACpB,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,cAAU,EAAV,MAAM,mBAAG,CAAC,KAAA,EAAE,SAA4C,EAA5C,CAAC,mBAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,KAAA,EAAE,SAA6C,EAA7C,CAAC,mBAAG,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,KAAA,EAClH,qBAAwC,EAAxC,aAAa,mBAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,KAAA,EACxC,QAAQ,cAAA,EAAK,KAAK,cAJpB,sFAKC,CADmB;IAGpB,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,OAAO,6CAAQ,GAAG,EAAE,CAAC,iBAAiB,EAAE,IAAA,kBAAY,EAAC,uBAAuB,EAAE,oBAAa,CAAC,iBAAO,CAAC,QAAK,CAAC,CAAC,EAC5F,OAAO,EAAE,cAAM,OAAA,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,EAAnB,CAAmB,EAAE,QAAQ,EAAE,CAAC,IAAI,IAAM,KAAK,eAC1E,QAAQ,EACR,KAAK,IAAI,0CAAM,GAAG,EAAE,CAAC,cAAc,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAG,KAAK,IAAQ,KACjG,CAAA;AACX,CAAC,CAAA;AAdY,QAAA,cAAc,kBAc1B;AAED,IAAM,iBAAiB,OAAG,WAAG,gOAAA,4JAQ5B,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,oMAAA,gIAMzB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,2LAAA,uHAKpB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,2LAAA,uHAKrB,IAAA,CAAA"}
|
|
@@ -5,6 +5,7 @@ import { TFunction } from 'i18next';
|
|
|
5
5
|
import { ComponentType, FC, HTMLAttributes, ReactNode } from 'react';
|
|
6
6
|
import { ItemContext, MaterialContext } from '../../locators';
|
|
7
7
|
import { ComponentDescription } from './ComponentDescription';
|
|
8
|
+
import { ItemButtonProps } from './ItemMenuButton';
|
|
8
9
|
export type MaterialHelpProps<P extends number = number, M extends number = number, L extends number = number> = {
|
|
9
10
|
closeDialog: () => void;
|
|
10
11
|
} & Omit<MaterialHelpDisplay<P, M, L>, 'type'>;
|
|
@@ -141,7 +142,7 @@ export declare abstract class MaterialDescription<P extends number = number, M e
|
|
|
141
142
|
* @param context Context of the item
|
|
142
143
|
* @return The move to play to open the help dialog
|
|
143
144
|
*/
|
|
144
|
-
displayHelp(item: MaterialItem<P, L>,
|
|
145
|
+
displayHelp(item: MaterialItem<P, L>, context: ItemContext<P, M, L>): import("@gamepark/rules-api").DisplayHelp<P, M, L>;
|
|
145
146
|
/**
|
|
146
147
|
* Builds the CSS transform that will be applied to the item.
|
|
147
148
|
* @param item Item to position
|
|
@@ -165,8 +166,11 @@ export declare abstract class MaterialDescription<P extends number = number, M e
|
|
|
165
166
|
getDropLocations(context: ItemContext<P, M, L>, dragMoves: MaterialMove<P, M, L>[]): Location<P, L>[];
|
|
166
167
|
getMoveDropLocations(context: ItemContext<P, M, L>, move: MaterialMove<P, M, L>): Location<P, L>[];
|
|
167
168
|
getTooltip(item: MaterialItem<P, L>, t: TFunction, _context: ItemContext<P, M, L>): string | null | undefined;
|
|
169
|
+
menuAlwaysVisible: boolean;
|
|
170
|
+
isMenuAlwaysVisible(_item: MaterialItem<P, L>, _context: ItemContext<P, M, L>): boolean;
|
|
168
171
|
getItemMenu(_item: MaterialItem<P, L>, _context: ItemContext<P, M, L>, _legalMoves: MaterialMove<P, M, L>[]): ReactNode;
|
|
169
|
-
getHelpButton(item: MaterialItem<P, L>, context: ItemContext<P, M, L>): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
172
|
+
getHelpButton(item: MaterialItem<P, L>, context: ItemContext<P, M, L>, props?: Partial<ItemButtonProps>): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
170
173
|
getAnimationCss(keyframes: Keyframes, duration: number): Interpolation<Theme>;
|
|
174
|
+
getHelpDisplayExtraCss(_item: Partial<MaterialItem<P, L>>, _context: ItemContext<P, M, L>): Interpolation<Theme>;
|
|
171
175
|
}
|
|
172
176
|
export type MaterialDescriptionRecord<P extends number = number, M extends number = number, L extends number = number> = Record<M, MaterialDescription<P, M, L>>;
|
|
@@ -70,6 +70,7 @@ var MaterialDescription = /** @class */ (function (_super) {
|
|
|
70
70
|
* Thickness of the item
|
|
71
71
|
*/
|
|
72
72
|
_this.thickness = 0.05;
|
|
73
|
+
_this.menuAlwaysVisible = false;
|
|
73
74
|
return _this;
|
|
74
75
|
}
|
|
75
76
|
/**
|
|
@@ -179,8 +180,8 @@ var MaterialDescription = /** @class */ (function (_super) {
|
|
|
179
180
|
* @param context Context of the item
|
|
180
181
|
* @return The move to play to open the help dialog
|
|
181
182
|
*/
|
|
182
|
-
MaterialDescription.prototype.displayHelp = function (item,
|
|
183
|
-
var type =
|
|
183
|
+
MaterialDescription.prototype.displayHelp = function (item, context) {
|
|
184
|
+
var type = context.type, index = context.index, displayIndex = context.displayIndex;
|
|
184
185
|
return displayMaterialHelp(type, item, index, displayIndex);
|
|
185
186
|
};
|
|
186
187
|
/**
|
|
@@ -243,15 +244,22 @@ var MaterialDescription = /** @class */ (function (_super) {
|
|
|
243
244
|
return t('quantity.tooltip', { n: item.quantity });
|
|
244
245
|
return;
|
|
245
246
|
};
|
|
247
|
+
MaterialDescription.prototype.isMenuAlwaysVisible = function (_item, _context) {
|
|
248
|
+
return this.menuAlwaysVisible;
|
|
249
|
+
};
|
|
246
250
|
MaterialDescription.prototype.getItemMenu = function (_item, _context, _legalMoves) {
|
|
247
251
|
return;
|
|
248
252
|
};
|
|
249
|
-
MaterialDescription.prototype.getHelpButton = function (item, context) {
|
|
250
|
-
|
|
253
|
+
MaterialDescription.prototype.getHelpButton = function (item, context, props) {
|
|
254
|
+
if (props === void 0) { props = {}; }
|
|
255
|
+
return (0, jsx_runtime_1.jsx)(ItemMenuButton_1.ItemMenuButton, __assign({ label: (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "Help" }), move: this.displayHelp(item, context), options: { transient: true }, angle: 30 }, props, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faQuestion_1.faQuestion }) }));
|
|
251
256
|
};
|
|
252
257
|
MaterialDescription.prototype.getAnimationCss = function (keyframes, duration) {
|
|
253
258
|
return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n animation: ", " ", "s linear infinite;\n\n > * {\n animation: ", " ", "s ease-in-out forwards;\n }\n "], ["\n animation: ", " ", "s linear infinite;\n\n > * {\n animation: ", " ", "s ease-in-out forwards;\n }\n "])), upAndDown, duration, keyframes, duration);
|
|
254
259
|
};
|
|
260
|
+
MaterialDescription.prototype.getHelpDisplayExtraCss = function (_item, _context) {
|
|
261
|
+
return;
|
|
262
|
+
};
|
|
255
263
|
return MaterialDescription;
|
|
256
264
|
}(ComponentDescription_1.ComponentDescription));
|
|
257
265
|
exports.MaterialDescription = MaterialDescription;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaterialDescription.js","sourceRoot":"","sources":["../../../src/components/material/MaterialDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAgF;AAChF,2EAAyE;AACzE,oEAAgE;AAChE,iDAU4B;AAE5B,2DAAoC;AACpC,+DAAwC;AAExC,+CAAqC;AACrC,2CAA0F;AAC1F,+DAA6D;AAC7D,
|
|
1
|
+
{"version":3,"file":"MaterialDescription.js","sourceRoot":"","sources":["../../../src/components/material/MaterialDescription.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { DragEndEvent, DragMoveEvent } from '@dnd-kit/core';
|
|
2
|
+
import { Interpolation, Theme } from '@emotion/react';
|
|
2
3
|
import { Location, MaterialMove } from '@gamepark/rules-api';
|
|
3
4
|
import { ElementType } from 'react';
|
|
4
5
|
import { ItemContext } from '../../../locators';
|
|
@@ -7,4 +8,5 @@ export declare class DropAreaDescription<P extends number = number, M extends nu
|
|
|
7
8
|
Component: ElementType;
|
|
8
9
|
canDrop(move: MaterialMove<P, M, L>, location: Location<P, L>, context: ItemContext<P, M, L>): boolean;
|
|
9
10
|
getBestDropMove(moves: MaterialMove<P, M, L>[], location: Location<P, L>, context: ItemContext<P, M, L>, _event: DragMoveEvent | DragEndEvent): MaterialMove<P, M, L>;
|
|
11
|
+
get dropHighlight(): Interpolation<Theme>;
|
|
10
12
|
}
|
|
@@ -14,11 +14,16 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
14
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
15
|
};
|
|
16
16
|
})();
|
|
17
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
18
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
19
|
+
return cooked;
|
|
20
|
+
};
|
|
17
21
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
22
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
23
|
};
|
|
20
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
25
|
exports.DropAreaDescription = void 0;
|
|
26
|
+
var react_1 = require("@emotion/react");
|
|
22
27
|
var rules_api_1 = require("@gamepark/rules-api");
|
|
23
28
|
var isEqual_1 = __importDefault(require("lodash/isEqual"));
|
|
24
29
|
var LocationDescription_1 = require("./LocationDescription");
|
|
@@ -40,7 +45,18 @@ var DropAreaDescription = /** @class */ (function (_super) {
|
|
|
40
45
|
var moveWithSameRotation = moves.find(function (move) { var _a; return (0, rules_api_1.isMoveItem)(move) && move.location.rotation === ((_a = context.rules.material(move.itemType).getItem(move.itemIndex)) === null || _a === void 0 ? void 0 : _a.location.rotation); });
|
|
41
46
|
return moveWithSameRotation !== null && moveWithSameRotation !== void 0 ? moveWithSameRotation : moves[0];
|
|
42
47
|
};
|
|
48
|
+
Object.defineProperty(DropAreaDescription.prototype, "dropHighlight", {
|
|
49
|
+
get: function () {
|
|
50
|
+
return function (theme) {
|
|
51
|
+
var _a;
|
|
52
|
+
return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), (_a = theme.dropArea) === null || _a === void 0 ? void 0 : _a.backgroundColor);
|
|
53
|
+
};
|
|
54
|
+
},
|
|
55
|
+
enumerable: false,
|
|
56
|
+
configurable: true
|
|
57
|
+
});
|
|
43
58
|
return DropAreaDescription;
|
|
44
59
|
}(LocationDescription_1.LocationDescription));
|
|
45
60
|
exports.DropAreaDescription = DropAreaDescription;
|
|
61
|
+
var templateObject_1;
|
|
46
62
|
//# sourceMappingURL=DropAreaDescription.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropAreaDescription.js","sourceRoot":"","sources":["../../../../src/components/material/locations/DropAreaDescription.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DropAreaDescription.js","sourceRoot":"","sources":["../../../../src/components/material/locations/DropAreaDescription.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,wCAA0D;AAC1D,iDAAwE;AACxE,2DAAoC;AAGpC,6DAA2D;AAC3D,mDAAiD;AAEjD;IACU,uCAAgC;IAD1C;QAAA,qEAwBC;QArBC,eAAS,GAAgB,+BAAc,CAAA;;IAqBzC,CAAC;IAnBC,qCAAO,GAAP,UAAQ,IAA2B,EAAE,QAAwB,EAAE,OAA6B;QAC1F,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IACvD,CAAC;IAED,6CAAe,GAAf,UAAgB,KAA8B,EAAE,QAAwB,EAAE,OAA6B,EAAE,MAAoC;QAC3I,IAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAA,sBAAU,EAAC,IAAI,CAAC,IAAI,IAAA,iBAAO,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,EAApD,CAAoD,CAAC,CAAA;QAC5F,IAAI,SAAS;YAAE,OAAO,SAAS,CAAA;QAE/B,IAAM,oBAAoB,GAAG,KAAK,CAAC,IAAI,CAAC,UAAA,IAAI,YAC1C,OAAA,IAAA,sBAAU,EAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,MAAK,MAAA,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,0CAAE,QAAQ,CAAC,QAAQ,CAAA,CAAA,EAAA,CAChI,CAAA;QACD,OAAO,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,KAAK,CAAC,CAAC,CAAC,CAAA;IACzC,CAAC;IAED,sBAAI,8CAAa;aAAjB;YACE,OAAO,UAAC,KAAY;;gBAAK,WAAA,WAAG,2GAAA,4BACN,EAA+B,SACpD,KADqB,MAAA,KAAK,CAAC,QAAQ,0CAAE,eAAe,EACpD;aAAA,CAAA;QACH,CAAC;;;OAAA;IACH,0BAAC;AAAD,CAAC,AAxBD,CACU,yCAAmB,GAuB5B;AAxBY,kDAAmB"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { DragEndEvent, DragMoveEvent } from '@dnd-kit/core';
|
|
2
|
+
import { Interpolation, Theme } from '@emotion/react';
|
|
2
3
|
import { Location, MaterialMove } from '@gamepark/rules-api';
|
|
3
4
|
import { ElementType } from 'react';
|
|
4
5
|
import { ItemContext } from '../../../locators';
|
|
@@ -7,4 +8,5 @@ export declare class HexGridDropAreaDescription<P extends number = number, M ext
|
|
|
7
8
|
Component: ElementType;
|
|
8
9
|
canDrop(move: MaterialMove<P, M, L>, location: Location<P, L>, context: ItemContext<P, M, L>): boolean;
|
|
9
10
|
getBestDropMove(moves: MaterialMove<P, M, L>[], location: Location<P, L>, context: ItemContext<P, M, L>, event: DragMoveEvent | DragEndEvent): MaterialMove<P, M, L>;
|
|
11
|
+
get dropHighlight(): Interpolation<Theme>;
|
|
10
12
|
}
|
|
@@ -81,6 +81,13 @@ var HexGridDropAreaDescription = /** @class */ (function (_super) {
|
|
|
81
81
|
}
|
|
82
82
|
return _super.prototype.getBestDropMove.call(this, moves, location, context, event);
|
|
83
83
|
};
|
|
84
|
+
Object.defineProperty(HexGridDropAreaDescription.prototype, "dropHighlight", {
|
|
85
|
+
get: function () {
|
|
86
|
+
return;
|
|
87
|
+
},
|
|
88
|
+
enumerable: false,
|
|
89
|
+
configurable: true
|
|
90
|
+
});
|
|
84
91
|
return HexGridDropAreaDescription;
|
|
85
92
|
}(DropAreaDescription_1.DropAreaDescription));
|
|
86
93
|
exports.HexGridDropAreaDescription = HexGridDropAreaDescription;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HexGridDropAreaDescription.js","sourceRoot":"","sources":["../../../../src/components/material/locations/HexGridDropAreaDescription.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"HexGridDropAreaDescription.js","sourceRoot":"","sources":["../../../../src/components/material/locations/HexGridDropAreaDescription.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,iDAAwE;AACxE,uDAAgC;AAEhC,8CAAkG;AAClG,6DAA2D;AAC3D,mDAAiD;AAEjD;IACU,8CAAgC;IAD1C;QAAA,qEA+CC;QA5CC,eAAS,GAAgB,+BAAc,CAAA;;IA4CzC,CAAC;IA1CC,4CAAO,GAAP,UAAQ,IAA2B,EAAE,QAAwB,EAAE,OAA6B;QAC1F,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IACvD,CAAC;IAED,oDAAe,GAAf,UAAgB,KAA8B,EAAE,QAAwB,EAAE,OAA6B,EAAE,KAAmC;;QAC1I,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAA;QACrD,IAAM,YAAY,GAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,IAAI,CAAA;QACrC,IAAI,QAAQ,IAAI,YAAY,EAAE;YAC5B,IAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAE,CAAC,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAE,CAAA;YAC/F,IAAM,MAAI,GAAG,IAAA,6BAAkB,EAAC,OAAO,CAAC,CAAA;YACxC,IAAM,aAAa,GAAG,WAAW,CAAC,OAAO,CAAC,MAAI,CAAC,EAAE,CAAC,CAAC,KAAK,CAAA;YACxD,IAAM,UAAU,GAAG,aAAa,GAAG,YAAY,CAAC,KAAK,CAAA,CAAC,+CAA+C;YACrG,IAAM,cAAc,GAAG,EAAE,CAAC,EAAE,YAAY,CAAC,IAAI,GAAG,YAAY,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAA;YACvH,IAAM,UAAU,GAAG,EAAE,CAAC,EAAE,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,GAAG,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAA;YACnG,IAAM,iBAAe,GAAG;gBACtB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,UAAU;gBACjD,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,UAAU;aAClD,CAAA;YACD,IAAM,SAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAE,CAAA;YAC1C,IAAA,KAA2B,SAAO,CAAC,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAC,EAA1E,SAAS,EAAN,IAAE,mBAAG,CAAC,KAAA,EAAE,SAAS,EAAN,IAAE,mBAAG,CAAC,KAAsD,CAAA;YAClF,IAAI,sBAAsB,CAAC,SAAO,CAAC,EAAE;gBACnC,IAAM,QAAQ,GAAG,IAAA,eAAK,EAAC,KAAK,EAAE,UAAA,IAAI;;oBAChC,IAAI,IAAA,sBAAU,EAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,EAAE;wBACtD,IAAA,KAAmB,SAAO,CAAC,kBAAkB,uBAAM,MAAI,KAAE,QAAQ,EAAE,IAAI,CAAC,QAA0B,KAAI,OAAO,CAAC,EAA5G,SAAK,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,SAAK,EAAL,CAAC,mBAAG,CAAC,KAAgG,CAAA;wBACpH,IAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,IAAE,GAAG,iBAAe,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,IAAE,GAAG,iBAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;wBAC7G,IAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,MAAI,CAAC,QAAQ,CAAC,QAAQ,mCAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;wBACxH,OAAO,QAAQ;8BACX,gBAAgB,GAAG,CAAC,CAAA;qBACzB;oBACD,OAAO,QAAQ,CAAA;gBACjB,CAAC,CAAC,CAAA;gBACF,IAAI,QAAQ,EAAE;oBACZ,OAAO,QAAQ,CAAA;iBAChB;aACF;SACF;QACD,OAAO,iBAAM,eAAe,YAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;IAC/D,CAAC;IAED,sBAAI,qDAAa;aAAjB;YACE,OAAM;QACR,CAAC;;;OAAA;IACH,iCAAC;AAAD,CAAC,AA/CD,CACU,yCAAmB,GA8C5B;AA/CY,gEAA0B;AAiDvC,SAAS,sBAAsB,CAC7B,OAAyB;IAEzB,OAAO,OAAQ,OAAyC,CAAC,iBAAiB,KAAK,QAAQ,CAAA;AACzF,CAAC"}
|
|
@@ -43,7 +43,7 @@ exports.LocationComponent = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
43
43
|
var play = (0, hooks_1.usePlay)();
|
|
44
44
|
var displayHelp = (0, react_2.useMemo)(function () {
|
|
45
45
|
var move = description.displayHelp(location, context);
|
|
46
|
-
return move && (function () { return play(move, {
|
|
46
|
+
return move && (function () { return play(move, { transient: true }); });
|
|
47
47
|
}, [location, context]);
|
|
48
48
|
onLongClick = onLongClick !== null && onLongClick !== void 0 ? onLongClick : (onShortClick ? displayHelp : undefined);
|
|
49
49
|
onShortClick = onShortClick !== null && onShortClick !== void 0 ? onShortClick : displayHelp;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LocationComponent.js","sourceRoot":"","sources":["../../../../src/components/material/locations/LocationComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAsD;AAEtD,+BAAyE;AACzE,iDAA0F;AAC1F,oCAA0C;AAC1C,wCAA4D;AAC5D,gDAA0D;AAC1D,qDAAyE;AAQ5D,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAAyC,UAClF,EAAyE,EAAE,GAAG;;IAA5E,IAAA,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,WAAW,iBAAA,EAAK,KAAK,cAAvE,uEAAyE,CAAF;IAEvE,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IACpC,IAAM,IAAI,GAAG,IAAA,eAAO,GAAgB,CAAA;IAEpC,IAAM,WAAW,GAAG,IAAA,eAAO,EAAC;QAC1B,IAAM,IAAI,GAAG,WAAW,CAAC,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QACvD,OAAO,IAAI,IAAI,CAAC,cAAM,OAAA,IAAI,CAAC,IAAI,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"LocationComponent.js","sourceRoot":"","sources":["../../../../src/components/material/locations/LocationComponent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
2
|
var __assign = (this && this.__assign) || function () {
|
|
7
3
|
__assign = Object.assign || function(t) {
|
|
8
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -30,22 +26,21 @@ exports.SimpleDropArea = void 0;
|
|
|
30
26
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
31
27
|
/** @jsxImportSource @emotion/react */
|
|
32
28
|
var core_1 = require("@dnd-kit/core");
|
|
33
|
-
var react_1 = require("
|
|
34
|
-
var react_2 = require("react");
|
|
29
|
+
var react_1 = require("react");
|
|
35
30
|
var react_merge_refs_1 = require("react-merge-refs");
|
|
36
31
|
var react_redux_1 = require("react-redux");
|
|
37
32
|
var hooks_1 = require("../../../hooks");
|
|
38
33
|
var utilities_1 = require("../../../utilities");
|
|
39
34
|
var DraggableMaterial_1 = require("../DraggableMaterial");
|
|
40
35
|
var LocationComponent_1 = require("./LocationComponent");
|
|
41
|
-
exports.SimpleDropArea = (0,
|
|
36
|
+
exports.SimpleDropArea = (0, react_1.forwardRef)(function (_a, ref) {
|
|
42
37
|
var location = _a.location, description = _a.description, props = __rest(_a, ["location", "description"]);
|
|
43
38
|
var context = (0, hooks_1.useMaterialContext)();
|
|
44
39
|
var material = context.material;
|
|
45
40
|
var play = (0, hooks_1.usePlay)();
|
|
46
41
|
var legalMoves = (0, hooks_1.useLegalMoves)();
|
|
47
|
-
var dropMoves = (0,
|
|
48
|
-
var onShortClick = (0,
|
|
42
|
+
var dropMoves = (0, react_1.useMemo)(function () { return legalMoves.filter(function (move) { return description === null || description === void 0 ? void 0 : description.isMoveToLocation(move, location, context); }); }, [legalMoves, context]);
|
|
43
|
+
var onShortClick = (0, react_1.useMemo)(function () {
|
|
49
44
|
var move = (0, utilities_1.findIfUnique)(legalMoves, function (move) { return description.canShortClick(move, location, context); });
|
|
50
45
|
if (move !== undefined)
|
|
51
46
|
return function () { return play(move); };
|
|
@@ -56,14 +51,14 @@ exports.SimpleDropArea = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
56
51
|
if (shortClickLocalMove)
|
|
57
52
|
return function () { return play(shortClickLocalMove, { local: true }); };
|
|
58
53
|
}, [legalMoves, context]);
|
|
59
|
-
var onLongClick = (0,
|
|
54
|
+
var onLongClick = (0, react_1.useMemo)(function () {
|
|
60
55
|
if (onShortClick)
|
|
61
56
|
return;
|
|
62
57
|
var move = (0, utilities_1.findIfUnique)(legalMoves, function (move) { return description.canLongClick(move, location, context); });
|
|
63
58
|
if (move !== undefined)
|
|
64
59
|
return function () { return play(move); };
|
|
65
60
|
}, [legalMoves, context]);
|
|
66
|
-
var canClickToMove = (0,
|
|
61
|
+
var canClickToMove = (0, react_1.useMemo)(function () {
|
|
67
62
|
var short = 0, long = 0;
|
|
68
63
|
for (var _i = 0, legalMoves_1 = legalMoves; _i < legalMoves_1.length; _i++) {
|
|
69
64
|
var move = legalMoves_1[_i];
|
|
@@ -82,15 +77,10 @@ exports.SimpleDropArea = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
82
77
|
data: location
|
|
83
78
|
}), isOver = _b.isOver, active = _b.active, setNodeRef = _b.setNodeRef;
|
|
84
79
|
var draggedItem = (0, DraggableMaterial_1.dataIsDisplayedItem)(active === null || active === void 0 ? void 0 : active.data.current) ? active === null || active === void 0 ? void 0 : active.data.current : undefined;
|
|
85
|
-
var draggedItemContext = (0,
|
|
86
|
-
var canDrop = (0,
|
|
80
|
+
var draggedItemContext = (0, react_1.useMemo)(function () { return draggedItem ? __assign(__assign({}, context), draggedItem) : undefined; }, [draggedItem, context]);
|
|
81
|
+
var canDrop = (0, react_1.useMemo)(function () { return !!draggedItemContext && !!description && !!material && dropMoves.some(function (move) { var _a; return ((_a = material[draggedItemContext.type]) === null || _a === void 0 ? void 0 : _a.canDrag(move, draggedItemContext)) && description.canDrop(move, location, draggedItemContext); }); }, [draggedItemContext, dropMoves]);
|
|
87
82
|
var isAnimatingPlayerAction = (0, react_redux_1.useSelector)(function (state) { var _a; return (_a = state.actions) === null || _a === void 0 ? void 0 : _a.some(function (action) { return action.playerId === state.playerId && action.animation !== undefined; }); });
|
|
88
|
-
return ((0, jsx_runtime_1.jsx)(LocationComponent_1.LocationComponent, __assign({ ref: (0, react_merge_refs_1.mergeRefs)([ref, setNodeRef]), location: location, description: description, canDrop: canDrop, onShortClick: onShortClick, onLongClick: onLongClick, highlight: (canDrop && !isOver) || (!draggedItem && canClickToMove && !isAnimatingPlayerAction), css: canDrop && isOver && dropHighlight }, props)));
|
|
83
|
+
return ((0, jsx_runtime_1.jsx)(LocationComponent_1.LocationComponent, __assign({ ref: (0, react_merge_refs_1.mergeRefs)([ref, setNodeRef]), location: location, description: description, canDrop: canDrop, onShortClick: onShortClick, onLongClick: onLongClick, highlight: (canDrop && !isOver) || (!draggedItem && canClickToMove && !isAnimatingPlayerAction), css: canDrop && isOver && description.dropHighlight }, props)));
|
|
89
84
|
});
|
|
90
85
|
exports.SimpleDropArea.displayName = 'SimpleDropArea';
|
|
91
|
-
var dropHighlight = function (theme) {
|
|
92
|
-
var _a;
|
|
93
|
-
return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), (_a = theme.dropArea) === null || _a === void 0 ? void 0 : _a.backgroundColor);
|
|
94
|
-
};
|
|
95
|
-
var templateObject_1;
|
|
96
86
|
//# sourceMappingURL=SimpleDropArea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleDropArea.js","sourceRoot":"","sources":["../../../../src/components/material/locations/SimpleDropArea.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SimpleDropArea.js","sourceRoot":"","sources":["../../../../src/components/material/locations/SimpleDropArea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,18 +2,12 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useCloseHelpDialog = void 0;
|
|
4
4
|
var rules_api_1 = require("../../../rules-api");
|
|
5
|
-
var
|
|
6
|
-
var
|
|
5
|
+
var usePlay_1 = require("./usePlay");
|
|
6
|
+
var displayHelp = rules_api_1.MaterialMoveBuilder.displayHelp;
|
|
7
7
|
var useCloseHelpDialog = function () {
|
|
8
|
-
var
|
|
9
|
-
var undo = (0, useUndo_1.useUndo)()[0];
|
|
8
|
+
var play = (0, usePlay_1.usePlay)();
|
|
10
9
|
return function () {
|
|
11
|
-
|
|
12
|
-
var action = _a[_i];
|
|
13
|
-
if (action.move.kind === rules_api_1.MoveKind.LocalMove && action.move.type === rules_api_1.LocalMoveType.DisplayHelp) {
|
|
14
|
-
undo(action.id);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
10
|
+
play(displayHelp());
|
|
17
11
|
};
|
|
18
12
|
};
|
|
19
13
|
exports.useCloseHelpDialog = useCloseHelpDialog;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCloseHelpDialog.js","sourceRoot":"","sources":["../../src/hooks/useCloseHelpDialog.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"useCloseHelpDialog.js","sourceRoot":"","sources":["../../src/hooks/useCloseHelpDialog.ts"],"names":[],"mappings":";;;AAAA,gDAAwD;AACxD,qCAAmC;AACnC,IAAO,WAAW,GAAG,+BAAmB,CAAC,WAAW,CAAA;AAE7C,IAAM,kBAAkB,GAAG;IAChC,IAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAA;IACtB,OAAO;QACL,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;IACrB,CAAC,CAAA;AACH,CAAC,CAAA;AALY,QAAA,kBAAkB,sBAK9B"}
|
|
@@ -29,9 +29,18 @@ function useItemLocations(item, context) {
|
|
|
29
29
|
if (!item)
|
|
30
30
|
return [];
|
|
31
31
|
var locations = (_b = (_a = material[type]) === null || _a === void 0 ? void 0 : _a.getLocations(item, context)) !== null && _b !== void 0 ? _b : [];
|
|
32
|
+
var _loop_1 = function (locationType) {
|
|
33
|
+
var locator = locators[locationType];
|
|
34
|
+
if (locator.parentItemType === type) {
|
|
35
|
+
locations.push.apply(locations, locator.getLocations(context).map(function (location) { return (__assign({ type: locationType }, location)); }));
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
for (var locationType in locators) {
|
|
39
|
+
_loop_1(locationType);
|
|
40
|
+
}
|
|
32
41
|
var result = locations.map(function (location) { return ({ location: location }); });
|
|
33
42
|
var locationsFocus = (_d = (_c = focus === null || focus === void 0 ? void 0 : focus.locations) === null || _c === void 0 ? void 0 : _c.filter(function (location) { var _a, _b; return ((_a = locators[location.type]) === null || _a === void 0 ? void 0 : _a.parentItemType) === type && ((_b = location.parent) !== null && _b !== void 0 ? _b : 0) === index; })) !== null && _d !== void 0 ? _d : [];
|
|
34
|
-
var
|
|
43
|
+
var _loop_2 = function (location_1) {
|
|
35
44
|
var index_1 = result.findIndex(function (r) { return (0, isEqual_1.default)(r.location, location_1); });
|
|
36
45
|
if (index_1 !== -1) {
|
|
37
46
|
result[index_1].focusRef = focusRef;
|
|
@@ -42,7 +51,7 @@ function useItemLocations(item, context) {
|
|
|
42
51
|
};
|
|
43
52
|
for (var _i = 0, locationsFocus_1 = locationsFocus; _i < locationsFocus_1.length; _i++) {
|
|
44
53
|
var location_1 = locationsFocus_1[_i];
|
|
45
|
-
|
|
54
|
+
_loop_2(location_1);
|
|
46
55
|
}
|
|
47
56
|
return result;
|
|
48
57
|
}
|