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

package/dist/components/material/locations/HexGridDropAreaDescription.js

@@ -1,98 +1,53 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HexGridDropAreaDescription = void 0;
-var rules_api_1 = require("@gamepark/rules-api");
-var minBy_1 = __importDefault(require("lodash/minBy"));
-var locators_1 = require("../../../locators");
-var DropAreaDescription_1 = require("./DropAreaDescription");
-var SimpleDropArea_1 = require("./SimpleDropArea");
-var HexGridDropAreaDescription = /** @class */ (function (_super) {
-    __extends(HexGridDropAreaDescription, _super);
-    function HexGridDropAreaDescription() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.Component = SimpleDropArea_1.SimpleDropArea;
-        _this.ignoreCoordinates = true;
-        return _this;
-    }
-    HexGridDropAreaDescription.prototype.canDrop = function (move, location, context) {
-        return this.isMoveToLocation(move, location, context);
-    };
-    HexGridDropAreaDescription.prototype.getBestDropMove = function (moves, location, context, event) {
-        var _a;
-        var itemRect = event.active.rect.current.translated;
-        var dropAreaRect = (_a = event.over) === null || _a === void 0 ? void 0 : _a.rect;
-        if (itemRect && dropAreaRect) {
-            var description = context.locators[location.type].getLocationDescription(location, context);
-            var item_1 = (0, locators_1.getItemFromContext)(context);
-            var dropAreaWidth = description.getSize(item_1.id).width;
-            var pixelsToEm = dropAreaWidth / dropAreaRect.width; // TODO: does not work if drop area is rotated.
-            var dropAreaCenter = { x: dropAreaRect.left + dropAreaRect.width / 2, y: dropAreaRect.top + dropAreaRect.height / 2 };
-            var itemCenter = { x: itemRect.left + itemRect.width / 2, y: itemRect.top + itemRect.height / 2 };
-            var itemDeltaCenter_1 = {
-                x: (itemCenter.x - dropAreaCenter.x) * pixelsToEm,
-                y: (itemCenter.y - dropAreaCenter.y) * pixelsToEm
-            };
-            var locator_1 = context.locators[location.type];
-            var _b = locator_1.getLocationCoordinates(location, context), _c = _b.x, lx_1 = _c === void 0 ? 0 : _c, _d = _b.y, ly_1 = _d === void 0 ? 0 : _d;
-            if (isHexagonalGridLocator(locator_1)) {
-                var bestMove = (0, minBy_1.default)(moves, function (move) {
-                    var _a, _b;
-                    if ((0, rules_api_1.isMoveItem)(move) && move.location.type === location.type) {
-                        var _c = locator_1.getItemCoordinates(__assign(__assign({}, item_1), { location: move.location }), context), _d = _c.x, x = _d === void 0 ? 0 : _d, _e = _c.y, y = _e === void 0 ? 0 : _e;
-                        var distance = Math.sqrt(Math.pow(x - lx_1 - itemDeltaCenter_1.x, 2) + Math.pow(y - ly_1 - itemDeltaCenter_1.y, 2));
-                        var rotationDistance = Math.abs((Math.abs(((_a = move.location.rotation) !== null && _a !== void 0 ? _a : 0) - ((_b = item_1.location.rotation) !== null && _b !== void 0 ? _b : 0)) + 3) % 6 - 3);
-                        return distance
-                            + rotationDistance / 3;
-                    }
-                    return Infinity;
-                });
-                if (bestMove) {
-                    return bestMove;
-                }
-            }
-        }
-        return _super.prototype.getBestDropMove.call(this, moves, location, context, event);
-    };
-    Object.defineProperty(HexGridDropAreaDescription.prototype, "dropHighlight", {
-        get: function () {
-            return;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return HexGridDropAreaDescription;
-}(DropAreaDescription_1.DropAreaDescription));
-exports.HexGridDropAreaDescription = HexGridDropAreaDescription;
-function isHexagonalGridLocator(locator) {
-    return typeof locator.coordinatesSystem === 'number';
-}
+import { isMoveItem } from '@gamepark/rules-api';
+import { minBy } from 'es-toolkit';
+import { getItemFromContext } from '../../../locators';
+import { DropAreaDescription } from './DropAreaDescription';
+import { SimpleDropArea } from './SimpleDropArea';
+export class HexGridDropAreaDescription extends DropAreaDescription {
+    Component = SimpleDropArea;
+    ignoreCoordinates = true;
+    canDrop(move, location, context) {
+        return this.isMoveToLocation(move, location, context);
+    }
+    getBestDropMove(moves, location, context, event) {
+        const itemRect = event.active.rect.current.translated;
+        const dropAreaRect = event.over?.rect;
+        if (itemRect && dropAreaRect) {
+            const description = context.locators[location.type].getLocationDescription(location, context);
+            const item = getItemFromContext(context);
+            const dropAreaWidth = description.getSize(item.id).width;
+            const pixelsToEm = dropAreaWidth / dropAreaRect.width; // TODO: does not work if drop area is rotated.
+            const dropAreaCenter = { x: dropAreaRect.left + dropAreaRect.width / 2, y: dropAreaRect.top + dropAreaRect.height / 2 };
+            const itemCenter = { x: itemRect.left + itemRect.width / 2, y: itemRect.top + itemRect.height / 2 };
+            const itemDeltaCenter = {
+                x: (itemCenter.x - dropAreaCenter.x) * pixelsToEm,
+                y: (itemCenter.y - dropAreaCenter.y) * pixelsToEm
+            };
+            const locator = context.locators[location.type];
+            const { x: lx = 0, y: ly = 0 } = locator.getLocationCoordinates(location, context);
+            if (isHexagonalGridLocator(locator)) {
+                const bestMove = minBy(moves, move => {
+                    if (isMoveItem(move) && move.location.type === location.type) {
+                        const { x = 0, y = 0 } = locator.getItemCoordinates({ ...item, location: move.location }, context);
+                        const distance = Math.sqrt(Math.pow(x - lx - itemDeltaCenter.x, 2) + Math.pow(y - ly - itemDeltaCenter.y, 2));
+                        const rotationDistance = Math.abs((Math.abs((move.location.rotation ?? 0) - (item.location.rotation ?? 0)) + 3) % 6 - 3);
+                        return distance
+                            + rotationDistance / 3;
+                    }
+                    return Infinity;
+                });
+                if (bestMove) {
+                    return bestMove;
+                }
+            }
+        }
+        return super.getBestDropMove(moves, location, context, event);
+    }
+    get dropHighlight() {
+        return;
+    }
+}
+function isHexagonalGridLocator(locator) {
+    return typeof locator.coordinatesSystem === 'number';
+}
 //# sourceMappingURL=HexGridDropAreaDescription.js.map

package/dist/components/material/locations/HexGridDropAreaDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"HexGridDropAreaDescription.js","sourceRoot":"","sources":["../../../../src/components/material/locations/HexGridDropAreaDescription.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"HexGridDropAreaDescription.js","sourceRoot":"","sources":["../../../../src/components/material/locations/HexGridDropAreaDescription.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAA0B,MAAM,qBAAqB,CAAA;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,OAAO,EAAE,kBAAkB,EAA8C,MAAM,mBAAmB,CAAA;AAClG,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,OAAO,0BACX,SAAQ,mBAAgC;IAExC,SAAS,GAAgB,cAAc,CAAA;IAEvC,iBAAiB,GAAG,IAAI,CAAA;IAExB,OAAO,CAAC,IAA2B,EAAE,QAAwB,EAAE,OAA6B;QAC1F,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IACvD,CAAC;IAED,eAAe,CAAC,KAA8B,EAAE,QAAwB,EAAE,OAA6B,EAAE,KAAmC;QAC1I,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAA;QACrD,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,EAAE,IAAI,CAAA;QACrC,IAAI,QAAQ,IAAI,YAAY,EAAE,CAAC;YAC7B,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAE,CAAC,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAE,CAAA;YAC/F,MAAM,IAAI,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAA;YACxC,MAAM,aAAa,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,CAAA;YACxD,MAAM,UAAU,GAAG,aAAa,GAAG,YAAY,CAAC,KAAK,CAAA,CAAC,+CAA+C;YACrG,MAAM,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,MAAM,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,MAAM,eAAe,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,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAE,CAAA;YAChD,MAAM,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;YAClF,IAAI,sBAAsB,CAAC,OAAO,CAAC,EAAE,CAAC;gBACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE;oBACnC,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,EAAE,CAAC;wBAC7D,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC,kBAAkB,CAAC,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAA0B,EAAE,EAAE,OAAO,CAAC,CAAA;wBACpH,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;wBAC7G,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;wBACxH,OAAO,QAAQ;8BACX,gBAAgB,GAAG,CAAC,CAAA;oBAC1B,CAAC;oBACD,OAAO,QAAQ,CAAA;gBACjB,CAAC,CAAC,CAAA;gBACF,IAAI,QAAQ,EAAE,CAAC;oBACb,OAAO,QAAQ,CAAA;gBACjB,CAAC;YACH,CAAC;QACH,CAAC;QACD,OAAO,KAAK,CAAC,eAAe,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;IAC/D,CAAC;IAED,IAAI,aAAa;QACf,OAAM;IACR,CAAC;CACF;AAED,SAAS,sBAAsB,CAC7B,OAAyB;IAEzB,OAAO,OAAQ,OAAyC,CAAC,iBAAiB,KAAK,QAAQ,CAAA;AACzF,CAAC"}

package/dist/components/material/locations/LocationComponent.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
-import { LocationDisplayProps } from './LocationDisplay';
-export type LocationComponentProps<P extends number = number, M extends number = number, L extends number = number> = LocationDisplayProps<P, M, L> & {
-    highlight?: boolean;
-    onShortClick?: () => void;
-    onLongClick?: () => void;
-};
-export declare const LocationComponent: import("react").ForwardRefExoticComponent<{
-    location: import("@gamepark/rules-api").Location<number, number, any, any>;
-    description: import("./LocationDescription").LocationDescription<number, number, number, any>;
-    canDrop?: boolean | undefined;
-} & import("react").HTMLAttributes<HTMLDivElement> & {
-    highlight?: boolean | undefined;
-    onShortClick?: (() => void) | undefined;
-    onLongClick?: (() => void) | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+import { LocationDisplayProps } from './LocationDisplay';
+export type LocationComponentProps<P extends number = number, M extends number = number, L extends number = number> = LocationDisplayProps<P, M, L> & {
+    highlight?: boolean;
+    onShortClick?: () => void;
+    onLongClick?: () => void;
+};
+export declare const LocationComponent: import("react").ForwardRefExoticComponent<{
+    location: import("@gamepark/rules-api").Location<number, number>;
+    description: import("./LocationDescription").LocationDescription<number, number, number, any>;
+    canDrop?: boolean;
+} & import("react").HTMLAttributes<HTMLDivElement> & {
+    highlight?: boolean;
+    onShortClick?: () => void;
+    onLongClick?: () => void;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/material/locations/LocationComponent.js

@@ -1,106 +1,71 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LocationComponent = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var react_2 = require("react");
-var use_long_press_1 = require("use-long-press");
-var css_1 = require("../../../css");
-var hooks_1 = require("../../../hooks");
-var utilities_1 = require("../../../utilities");
-var LocationDisplay_1 = require("./LocationDisplay");
-exports.LocationComponent = (0, react_2.forwardRef)(function (_a, ref) {
-    var _b;
-    var location = _a.location, description = _a.description, highlight = _a.highlight, onShortClick = _a.onShortClick, onLongClick = _a.onLongClick, props = __rest(_a, ["location", "description", "highlight", "onShortClick", "onLongClick"]);
-    var context = (0, hooks_1.useMaterialContext)();
-    var play = (0, hooks_1.usePlay)();
-    var displayHelp = (0, react_2.useMemo)(function () {
-        var move = description.displayHelp(location, context);
-        return move && (function () { return play(move, { transient: true }); });
-    }, [location, context]);
-    onLongClick = onLongClick !== null && onLongClick !== void 0 ? onLongClick : (onShortClick ? displayHelp : undefined);
-    onShortClick = onShortClick !== null && onShortClick !== void 0 ? onShortClick : displayHelp;
-    var _c = __read((0, react_2.useState)(false), 2), clicking = _c[0], setClicking = _c[1];
-    var lastShortClick = (0, react_2.useRef)(new Date().getTime());
-    var listeners = (0, use_long_press_1.useLongPress)(function () { return onLongClick && onLongClick(); }, {
-        detect: use_long_press_1.LongPressEventType.Pointer,
-        cancelOnMovement: 5,
-        threshold: 600,
-        onStart: function (event) {
-            setClicking(true);
-            event.stopPropagation();
-        },
-        onFinish: function () { return setClicking(false); },
-        onCancel: function (_, _a) {
-            var reason = _a.reason;
-            if (reason === use_long_press_1.LongPressCallbackReason.CancelledByRelease && onShortClick) {
-                var time = new Date().getTime();
-                if (time - lastShortClick.current < 300)
-                    return;
-                lastShortClick.current = time;
-                setTimeout(onShortClick);
-            }
-        },
-        filterEvents: function (event) { return !event.button; } // Ignore clicks on mouse buttons > 0
-    })();
-    highlight = highlight || ((_b = description.highlight) === null || _b === void 0 ? void 0 : _b.call(description, location, context));
-    return ((0, jsx_runtime_1.jsx)(LocationDisplay_1.LocationDisplay, __assign({ ref: ref, location: location, description: description, css: [
-            (onShortClick || onLongClick) ? hoverHighlight : noPointerEvents,
-            onLongClick && clicking && clickingAnimation,
-            highlight && css_1.shineEffect
-        ] }, props, (0, utilities_1.combineEventListeners)(listeners, props))));
-});
-var hoverHighlight = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: pointer;\n\n  &:hover {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n"], ["\n  cursor: pointer;\n\n  &:hover {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n"])));
-var noPointerEvents = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  pointer-events: none;\n"], ["\n  pointer-events: none;\n"])));
-var clickingKeyframes = function (theme) {
-    var _a;
-    return (0, react_1.keyframes)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  from {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n  to {\n    background-color: ", ";\n  }\n"], ["\n  from {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n  to {\n    background-color: ", ";\n  }\n"])), (_a = theme.dropArea) === null || _a === void 0 ? void 0 : _a.backgroundColor);
-};
-var longClickThreshold = 600;
-var clickingAnimation = function (theme) { return (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  animation: ", " ", "ms ease-in-out;\n"], ["\n  animation: ", " ", "ms ease-in-out;\n"])), clickingKeyframes(theme), longClickThreshold); };
-exports.LocationComponent.displayName = 'LocationComponent';
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css, keyframes } from '@emotion/react';
+import { forwardRef, useMemo, useRef, useState } from 'react';
+import { LongPressCallbackReason, LongPressEventType, useLongPress } from 'use-long-press';
+import { shineEffect } from '../../../css';
+import { useMaterialContext, usePlay } from '../../../hooks';
+import { combineEventListeners } from '../../../utilities';
+import { LocationDisplay } from './LocationDisplay';
+export const LocationComponent = forwardRef(({ location, description, highlight, onShortClick, onLongClick, ...props }, ref) => {
+    const context = useMaterialContext();
+    const play = usePlay();
+    const displayHelp = useMemo(() => {
+        const move = description.displayHelp(location, context);
+        return move && (() => play(move, { transient: true }));
+    }, [location, context]);
+    onLongClick = onLongClick ?? (onShortClick ? displayHelp : undefined);
+    onShortClick = onShortClick ?? displayHelp;
+    const [clicking, setClicking] = useState(false);
+    const lastShortClick = useRef(new Date().getTime());
+    const listeners = useLongPress(() => onLongClick && onLongClick(), {
+        detect: LongPressEventType.Pointer,
+        cancelOnMovement: 5,
+        threshold: 600,
+        onStart: event => {
+            setClicking(true);
+            event.stopPropagation();
+        },
+        onFinish: () => setClicking(false),
+        onCancel: (_, { reason }) => {
+            if (reason === LongPressCallbackReason.CancelledByRelease && onShortClick) {
+                const time = new Date().getTime();
+                if (time - lastShortClick.current < 300)
+                    return;
+                lastShortClick.current = time;
+                setTimeout(onShortClick);
+            }
+        },
+        filterEvents: event => !event.button // Ignore clicks on mouse buttons > 0
+    })();
+    highlight = highlight || description.highlight?.(location, context);
+    return (_jsx(LocationDisplay, { ref: ref, location: location, description: description, css: [
+            (onShortClick || onLongClick) ? hoverHighlight : noPointerEvents,
+            onLongClick && clicking && clickingAnimation,
+            highlight && shineEffect
+        ], ...props, ...combineEventListeners(listeners, props) }));
+});
+const hoverHighlight = css `
+  cursor: pointer;
+
+  &:hover {
+    background-color: rgba(255, 255, 255, 0.2);
+  }
+`;
+const noPointerEvents = css `
+  pointer-events: none;
+`;
+const clickingKeyframes = (theme) => keyframes `
+  from {
+    background-color: rgba(255, 255, 255, 0.2);
+  }
+  to {
+    background-color: ${theme.dropArea?.backgroundColor};
+  }
+`;
+const longClickThreshold = 600;
+const clickingAnimation = (theme) => css `
+  animation: ${clickingKeyframes(theme)} ${longClickThreshold}ms ease-in-out;
+`;
+LocationComponent.displayName = 'LocationComponent';
 //# sourceMappingURL=LocationComponent.js.map

package/dist/components/material/locations/LocationComponent.js.map

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

package/dist/components/material/locations/LocationDescription.d.ts

@@ -1,45 +1,45 @@
-import { Interpolation, Theme } from '@emotion/react';
-import { Location, MaterialMove, MoveItem, MoveItemsAtOnce } from '@gamepark/rules-api';
-import { ComponentType, ElementType } from 'react';
-import { LocationContext, MaterialContext } from '../../../locators';
-import { ComponentDescription, ComponentSize } from '../ComponentDescription';
-export declare class LocationDescription<P extends number = number, M extends number = number, L extends number = number, Id = any> extends ComponentDescription<Id> {
-    constructor(clone?: Partial<Pick<LocationDescription, 'height' | 'width' | 'ratio' | 'borderRadius' | 'extraCss'>>);
-    Component: ElementType;
-    ignoreCoordinates: boolean;
-    help?: ComponentType<LocationHelpProps<P, L>>;
-    getLocationSize(location: Location<P, L>, _context: MaterialContext<P, M, L>): ComponentSize;
-    image?: string;
-    images?: Record<Id extends keyof any ? Id : never, string>;
-    getImage(location: Location<P, L>, _context: MaterialContext<P, M, L>): string | undefined;
-    helpImage?: string;
-    getHelpImage(location: Location<P, L>, context: MaterialContext<P, M, L>): string | undefined;
-    getImages(): string[];
-    extraCss?: Interpolation<Theme>;
-    getExtraCss(_location: Location<P, L>, _context: LocationContext<P, M, L>): Interpolation<Theme>;
-    getLocationTransform(location: Location<P, L>, context: LocationContext<P, M, L>): string[];
-    highlight?(location: Location<P, L>, context: MaterialContext<P, M, L>): boolean | undefined;
-    content?: ComponentType<{
-        location: Location;
-    }>;
-    canLongClick(move: MaterialMove<P, M, L>, location: Location<P, L>, context: MaterialContext<P, M, L>): boolean;
-    placeOnShortClick: boolean;
-    canShortClick(move: MaterialMove<P, M, L>, location: Location<P, L>, context: MaterialContext<P, M, L>): boolean;
-    isMoveToLocation(move: MaterialMove<P, M, L>, location: Location<P, L>, context: MaterialContext<P, M, L>): boolean;
-    getMoveLocation(move: MoveItem<P, M, L> | MoveItemsAtOnce<P, M, L>, context: MaterialContext<P, M, L>): Location<P, L>;
-    getShortClickMove(_location: Location<P, L>, _context: MaterialContext<P, M, L>): MaterialMove<P, M, L> | undefined;
-    getShortClickLocalMove(_location: Location<P, L>, _context: MaterialContext<P, M, L>): MaterialMove<P, M, L> | undefined;
-    displayInParentItemHelp?: boolean;
-    /**
-     * The move to execute in order to display the help dialog about this location.
-     * By default, open the help about this specific location, but can be overloaded for any other behavior.
-     * @param location The location
-     * @param _context Context of the game
-     * @return The move to play to open the help dialog, if any
-     */
-    displayHelp(location: Location<P, L>, _context: MaterialContext<P, M, L>): MaterialMove<P, M, L> | undefined;
-}
-export type LocationHelpProps<P extends number = number, L extends number = number> = {
-    location: Location<P, L>;
-    closeDialog: () => void;
-};
+import { Interpolation, Theme } from '@emotion/react';
+import { Location, MaterialMove, MoveItem, MoveItemsAtOnce } from '@gamepark/rules-api';
+import { ComponentType, ElementType } from 'react';
+import { LocationContext, MaterialContext } from '../../../locators';
+import { ComponentDescription, ComponentSize } from '../ComponentDescription';
+export declare class LocationDescription<P extends number = number, M extends number = number, L extends number = number, Id = any> extends ComponentDescription<Id> {
+    constructor(clone?: Partial<Pick<LocationDescription, 'height' | 'width' | 'ratio' | 'borderRadius' | 'extraCss'>>);
+    Component: ElementType;
+    ignoreCoordinates: boolean;
+    help?: ComponentType<LocationHelpProps<P, L>>;
+    getLocationSize(location: Location<P, L>, _context: MaterialContext<P, M, L>): ComponentSize;
+    image?: string;
+    images?: Record<Id extends keyof any ? Id : never, string>;
+    getImage(location: Location<P, L>, _context: MaterialContext<P, M, L>): string | undefined;
+    helpImage?: string;
+    getHelpImage(location: Location<P, L>, context: MaterialContext<P, M, L>): string | undefined;
+    getImages(): string[];
+    extraCss?: Interpolation<Theme>;
+    getExtraCss(_location: Location<P, L>, _context: LocationContext<P, M, L>): Interpolation<Theme>;
+    getLocationTransform(location: Location<P, L>, context: LocationContext<P, M, L>): string[];
+    highlight?(location: Location<P, L>, context: MaterialContext<P, M, L>): boolean | undefined;
+    content?: ComponentType<{
+        location: Location;
+    }>;
+    canLongClick(move: MaterialMove<P, M, L>, location: Location<P, L>, context: MaterialContext<P, M, L>): boolean;
+    placeOnShortClick: boolean;
+    canShortClick(move: MaterialMove<P, M, L>, location: Location<P, L>, context: MaterialContext<P, M, L>): boolean;
+    isMoveToLocation(move: MaterialMove<P, M, L>, location: Location<P, L>, context: MaterialContext<P, M, L>): boolean;
+    getMoveLocation(move: MoveItem<P, M, L> | MoveItemsAtOnce<P, M, L>, context: MaterialContext<P, M, L>): Location<P, L>;
+    getShortClickMove(_location: Location<P, L>, _context: MaterialContext<P, M, L>): MaterialMove<P, M, L> | undefined;
+    getShortClickLocalMove(_location: Location<P, L>, _context: MaterialContext<P, M, L>): MaterialMove<P, M, L> | undefined;
+    displayInParentItemHelp?: boolean;
+    /**
+     * The move to execute in order to display the help dialog about this location.
+     * By default, open the help about this specific location, but can be overloaded for any other behavior.
+     * @param location The location
+     * @param _context Context of the game
+     * @return The move to play to open the help dialog, if any
+     */
+    displayHelp(location: Location<P, L>, _context: MaterialContext<P, M, L>): MaterialMove<P, M, L> | undefined;
+}
+export type LocationHelpProps<P extends number = number, L extends number = number> = {
+    location: Location<P, L>;
+    closeDialog: () => void;
+};