@gamepark/react-game 6.23.4 → 6.24.2

package/dist/components/material/GameTable/ItemDisplay.js

@@ -1,4 +1,8 @@
 "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++) {
@@ -21,31 +25,116 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ItemDisplay = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = require("react");
+var react_1 = require("@emotion/react");
+var isEqual_1 = __importDefault(require("lodash/isEqual"));
+var partition_1 = __importDefault(require("lodash/partition"));
+var react_2 = require("react");
 var react_merge_refs_1 = require("react-merge-refs");
-var css_1 = require("../../../css");
+var use_long_press_1 = require("use-long-press");
 var hooks_1 = require("../../../hooks");
-var locators_1 = require("../../../locators");
+var useItemLocations_1 = require("../../../hooks/useItemLocations");
+var utilities_1 = require("../../../utilities");
 var locations_1 = require("../locations");
 var MaterialComponent_1 = require("../MaterialComponent");
+var utils_1 = require("../utils");
 var focus_1 = require("./focus");
-exports.ItemDisplay = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b;
-    var type = _a.type, index = _a.index, displayIndex = _a.displayIndex, item = _a.item, isFocused = _a.isFocused, props = __rest(_a, ["type", "index", "displayIndex", "item", "isFocused"]);
+exports.ItemDisplay = (0, react_2.forwardRef)(function (_a, ref) {
+    var type = _a.type, index = _a.index, displayIndex = _a.displayIndex, item = _a.item, dragTransform = _a.dragTransform, animating = _a.animating, isFocused = _a.isFocused, onShortClick = _a.onShortClick, onLongClick = _a.onLongClick, highlight = _a.highlight, playDown = _a.playDown, props = __rest(_a, ["type", "index", "displayIndex", "item", "dragTransform", "animating", "isFocused", "onShortClick", "onLongClick", "highlight", "playDown"]);
     var context = (0, hooks_1.useMaterialContext)();
-    var _c = (0, focus_1.useFocusContext)(), focus = _c.focus, addFocusRef = _c.addFocusRef;
-    var itemContext = __assign(__assign({}, context), { type: type, index: index, displayIndex: displayIndex });
-    var _d = (0, focus_1.getLocationsWithFocus)(item, itemContext, focus), locations = _d.locations, focusedIndexes = _d.focusedIndexes;
-    var focusedLocations = (0, react_1.useMemo)(function () { return focusedIndexes.map(function (index) { return locations[index]; }); }, [locations, focusedIndexes]);
-    var locator = (_b = context.locators[item.location.type]) !== null && _b !== void 0 ? _b : locators_1.centerLocator;
+    var _b = (0, focus_1.useFocusContext)(), focus = _b.focus, focusRef = _b.focusRef;
+    var itemContext = (0, react_2.useMemo)(function () { return (__assign(__assign({}, context), { type: type, index: index, displayIndex: displayIndex, dragTransform: dragTransform })); }, [context, type, index, displayIndex, dragTransform]);
+    var locations = (0, useItemLocations_1.useItemLocations)(item, itemContext);
+    var _c = (0, react_2.useMemo)(function () { return (0, partition_1.default)(locations, function (l) { return l.focusRef; }); }, [locations]), focusedLocations = _c[0], otherLocations = _c[1];
     var description = context.material[type];
-    return (0, jsx_runtime_1.jsx)(MaterialComponent_1.MaterialComponent, __assign({ ref: isFocused ? (0, react_merge_refs_1.mergeRefs)([ref, addFocusRef]) : ref, type: type, itemId: item.id, playDown: (focus === null || focus === void 0 ? void 0 : focus.highlight) && !isFocused && !focusedIndexes.length, css: [css_1.pointerCursorCss, css_1.transformCss.apply(void 0, locator.transformItem(item, itemContext)), description === null || description === void 0 ? void 0 : description.getItemExtraCss(item, itemContext)] }, props, { children: locations.length > 0 && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [focusedLocations.length > 0 && (0, jsx_runtime_1.jsx)(locations_1.LocationsMask, { locations: focusedLocations }), locations.map(function (location, index) {
-                    var hasFocus = focusedIndexes.includes(index);
-                    return (0, jsx_runtime_1.jsx)(locations_1.SimpleDropArea, { location: location, alwaysVisible: hasFocus, ref: hasFocus ? addFocusRef : undefined }, JSON.stringify(location));
-                })] }) }));
+    var itemTransform = (0, react_2.useMemo)(function () { return description.getItemTransform(item, itemContext); }, [description, item, itemContext]);
+    var transformStyle = (dragTransform ? __spreadArray([dragTransform], itemTransform, true) : itemTransform).join(' ');
+    var hoverTransform = (0, react_2.useMemo)(function () { return description.getHoverTransform(item, itemContext).join(' '); }, [description, item, itemContext]);
+    var play = (0, hooks_1.usePlay)();
+    var displayHelp = (0, react_2.useMemo)(function () { return function () { return play(description.displayHelp(item, itemContext), { local: true }); }; }, [description, item, itemContext]);
+    onLongClick = onLongClick !== null && onLongClick !== void 0 ? onLongClick : (onShortClick ? displayHelp : undefined);
+    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,
+        onCancel: function (_, _a) {
+            var reason = _a.reason;
+            if (reason === use_long_press_1.LongPressCallbackReason.CancelledByRelease) {
+                var time = new Date().getTime();
+                if (time - lastShortClick.current < 300)
+                    return;
+                lastShortClick.current = time;
+                setTimeout(onShortClick !== null && onShortClick !== void 0 ? onShortClick : displayHelp);
+            }
+        },
+        filterEvents: function (event) { return !event.button; }
+    })();
+    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]);
+    return (0, jsx_runtime_1.jsx)("div", __assign({ css: [
+            itemCss,
+            hoverTransform && hoverCss(itemTransform.join(' '), description.getSize(item.id), hoverTransform, animating || !!dragTransform)
+        ] }, 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, 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 })] })) }));
 });
+var itemCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  > * {\n    position: absolute;\n  }\n"], ["\n  > * {\n    position: absolute;\n  }\n"])));
+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); };
 exports.ItemDisplay.displayName = 'ItemDisplay';
+var ItemLocations = function (_a) {
+    var locations = _a.locations;
+    var context = (0, hooks_1.useMaterialContext)();
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: locations.map(function (_a) {
+            var _b;
+            var location = _a.location, focusRef = _a.focusRef;
+            var description = (_b = context.locators[location.type]) === null || _b === void 0 ? void 0 : _b.getLocationDescription(location, context);
+            var LocationComponent = description === null || description === void 0 ? void 0 : description.Component;
+            if (!LocationComponent)
+                return null;
+            return (0, jsx_runtime_1.jsx)(LocationComponent, { location: location, description: description, ref: focusRef }, JSON.stringify(location));
+        }) });
+};
+var ItemDropLocations = function (_a) {
+    var locations = _a.locations, item = _a.item, type = _a.type;
+    var context = (0, hooks_1.useMaterialContext)();
+    var draggedItem = (0, hooks_1.useDraggedItem)();
+    var draggedItemContext = __assign(__assign({}, context), draggedItem);
+    var expectedDropLocations = (0, useItemLocations_1.useExpectedDropLocations)();
+    var allLocations = (0, react_2.useMemo)(function () {
+        var result = __spreadArray([], locations, true);
+        var _loop_1 = function (location_1) {
+            var locator = context.locators[location_1.type];
+            if ((locator === null || locator === void 0 ? void 0 : locator.parentItemType) === type && (0, isEqual_1.default)(locator.getParentItem(location_1, context), item) && !result.some(function (r) { return (0, utils_1.isLocationSubset)(location_1, r.location); })) {
+                result.push({ location: location_1 });
+            }
+        };
+        for (var _i = 0, expectedDropLocations_1 = expectedDropLocations; _i < expectedDropLocations_1.length; _i++) {
+            var location_1 = expectedDropLocations_1[_i];
+            _loop_1(location_1);
+        }
+        return result;
+    }, [locations, expectedDropLocations]);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: allLocations.map(function (_a) {
+            var _b;
+            var location = _a.location, focusRef = _a.focusRef;
+            var description = (_b = context.locators[location.type]) === null || _b === void 0 ? void 0 : _b.getLocationDescription(location, draggedItemContext);
+            var LocationComponent = description === null || description === void 0 ? void 0 : description.Component;
+            if (!LocationComponent)
+                return null;
+            return (0, jsx_runtime_1.jsx)(LocationComponent, { location: location, description: description, ref: focusRef }, JSON.stringify(location));
+        }) });
+};
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=ItemDisplay.js.map

package/dist/components/material/GameTable/ItemDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemDisplay.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/ItemDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+BAA2C;AAC3C,qDAA4C;AAC5C,oCAA6D;AAC7D,wCAAmD;AACnD,8CAA8D;AAC9D,0CAA4D;AAC5D,0DAAgF;AAChF,iCAAgE;AASnD,QAAA,WAAW,GAAG,IAAA,kBAAU,EAAmC,UACtE,EAA0E,EAAE,GAAG;;IAA7E,IAAA,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAAtD,sDAAwD,CAAF;IAEtD,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IAC9B,IAAA,KAAyB,IAAA,uBAAe,GAAE,EAAxC,KAAK,WAAA,EAAE,WAAW,iBAAsB,CAAA;IAChD,IAAM,WAAW,yBAAqB,OAAO,KAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,YAAY,cAAA,GAAE,CAAA;IACpE,IAAA,KAAgC,IAAA,6BAAqB,EAAC,IAAI,EAAE,WAAW,EAAE,KAAK,CAAC,EAA7E,SAAS,eAAA,EAAE,cAAc,oBAAoD,CAAA;IACrF,IAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,cAAc,CAAC,GAAG,CAAC,UAAA,KAAK,IAAI,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,CAAC,EAA7C,CAA6C,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAA;IAClH,IAAM,OAAO,GAAG,MAAA,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,mCAAI,wBAAa,CAAA;IACrE,IAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC1C,OAAO,uBAAC,qCAAiB,aAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,IAAA,4BAAS,EAAC,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EACpD,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAC3B,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,KAAI,CAAC,SAAS,IAAI,CAAC,cAAc,CAAC,MAAM,EAClE,GAAG,EAAE,CAAC,sBAAgB,EAAE,kBAAY,eAAI,OAAO,CAAC,aAAa,CAAC,IAAI,EAAE,WAAW,CAAC,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,IAC/H,KAAK,cAChC,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,6DACtB,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,uBAAC,yBAAa,IAAC,SAAS,EAAE,gBAAgB,GAAG,EAC5E,SAAS,CAAC,GAAG,CAAC,UAAC,QAAQ,EAAE,KAAK;oBAC3B,IAAM,QAAQ,GAAG,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;oBAC/C,OAAO,uBAAC,0BAAc,IAAgC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAA9G,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAyF,CAAA;gBAC/I,CAAC,CACF,IACA,IACe,CAAA;AACtB,CAAC,CAAC,CAAA;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}
+{"version":3,"file":"ItemDisplay.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/ItemDisplay.tsx"],"names":[],"mappings":"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"}

package/dist/components/material/GameTable/StaticItemsDisplay.js

@@ -37,6 +37,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StaticItemsDisplay = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var isEqual_1 = __importDefault(require("lodash/isEqual"));
+var css_1 = require("../../../css");
 var hooks_1 = require("../../../hooks");
 var focus_1 = require("./focus");
 var ItemDisplay_1 = require("./ItemDisplay");
@@ -52,14 +53,13 @@ var StaticItemsTypeDisplay = function (_a) {
     var type = _a.type, description = _a.description, props = __rest(_a, ["type", "description"]);
     var context = (0, hooks_1.useMaterialContext)();
     var focus = (0, focus_1.useFocusContext)().focus;
-    var play = (0, hooks_1.usePlay)();
     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: description.getStaticItems(context).map(function (item, index) {
             var _a;
             return __spreadArray([], Array((_a = item.quantity) !== null && _a !== void 0 ? _a : 1), true).map(function (_, displayIndex) {
                 var isFocused = focus === null || focus === void 0 ? void 0 : focus.staticItems.some(function (focusedItem) {
                     return focusedItem.type === type && (0, isEqual_1.default)(focusedItem.item, item);
                 });
-                return (0, jsx_runtime_1.jsx)(ItemDisplay_1.ItemDisplay, __assign({ type: type, index: index, displayIndex: displayIndex, item: item, isFocused: isFocused, highlight: description.highlight(item, __assign(__assign({}, context), { type: type, index: index, displayIndex: displayIndex })), onShortClick: function () { return play(description.displayHelp(item, __assign(__assign({}, context), { type: type, index: index, displayIndex: displayIndex })), { local: true }); } }, props), "".concat(type, "_").concat(index, "_").concat(displayIndex));
+                return (0, jsx_runtime_1.jsx)(ItemDisplay_1.ItemDisplay, __assign({ type: type, index: index, displayIndex: displayIndex, item: item, isFocused: isFocused, highlight: description.highlight(item, __assign(__assign({}, context), { type: type, index: index, displayIndex: displayIndex })), css: css_1.pointerCursorCss }, props), "".concat(type, "_").concat(index, "_").concat(displayIndex));
             });
         }) });
 };

package/dist/components/material/GameTable/StaticItemsDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticItemsDisplay.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/StaticItemsDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2DAAoC;AACpC,wCAA4D;AAE5D,iCAAyC;AACzC,6CAA2C;AAEpC,IAAM,kBAAkB,GAAG,UAAC,KAAqC;IACtE,IAAM,QAAQ,GAAG,IAAA,0BAAkB,GAAE,CAAC,QAAQ,CAAA;IAC9C,OAAO,2DACJ,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,EAAyB;gBAAxB,UAAU,QAAA,EAAE,WAAW,QAAA;YACrD,OAAA,WAAW,IAAI,uBAAC,sBAAsB,aAAkB,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,WAAW,IAAM,KAAK,GAA3E,UAAU,CAAoE;QAA1H,CAA0H,CAC3H,GACA,CAAA;AACL,CAAC,CAAA;AAPY,QAAA,kBAAkB,sBAO9B;AAQD,IAAM,sBAAsB,GAAG,UAAC,EAA4D;IAA1D,IAAA,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAK,KAAK,cAA7B,uBAA+B,CAAF;IAC3D,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IAC5B,IAAA,KAAK,GAAK,IAAA,uBAAe,GAAE,MAAtB,CAAsB;IACnC,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,OAAO,2DAAG,WAAW,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;;YAC5D,OAAO,kBAAI,KAAK,CAAC,MAAA,IAAI,CAAC,QAAQ,mCAAI,CAAC,CAAC,QAAE,GAAG,CAAC,UAAC,CAAC,EAAE,YAAY;gBACxD,IAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CAAC,IAAI,CAAC,UAAA,WAAW;oBACnD,OAAA,WAAW,CAAC,IAAI,KAAK,IAAI,IAAI,IAAA,iBAAO,EAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC;gBAA5D,CAA4D,CAC7D,CAAA;gBACD,OAAO,uBAAC,yBAAW,aACC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAChE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,IAAI,wBAAO,OAAO,KAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,YAAY,cAAA,IAAG,EACvG,YAAY,EAAE,cAAM,OAAA,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,wBAAO,OAAO,KAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,YAAY,cAAA,IAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAA/F,CAA+F,IAC/G,KAAK,GAJJ,UAAG,IAAI,cAAI,KAAK,cAAI,YAAY,CAAE,CAI3B,CAAA;YAClC,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,GAAI,CAAA;AACR,CAAC,CAAA"}
+{"version":3,"file":"StaticItemsDisplay.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/StaticItemsDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2DAAoC;AACpC,oCAA+C;AAC/C,wCAAmD;AAEnD,iCAAyC;AACzC,6CAA2C;AAEpC,IAAM,kBAAkB,GAAG,UAAC,KAAqC;IACtE,IAAM,QAAQ,GAAG,IAAA,0BAAkB,GAAE,CAAC,QAAQ,CAAA;IAC9C,OAAO,2DACJ,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,EAAyB;gBAAxB,UAAU,QAAA,EAAE,WAAW,QAAA;YACrD,OAAA,WAAW,IAAI,uBAAC,sBAAsB,aAAkB,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,WAAW,IAAM,KAAK,GAA3E,UAAU,CAAoE;QAA1H,CAA0H,CAC3H,GACA,CAAA;AACL,CAAC,CAAA;AAPY,QAAA,kBAAkB,sBAO9B;AAQD,IAAM,sBAAsB,GAAG,UAAC,EAA4D;IAA1D,IAAA,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAK,KAAK,cAA7B,uBAA+B,CAAF;IAC3D,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IAC5B,IAAA,KAAK,GAAK,IAAA,uBAAe,GAAE,MAAtB,CAAsB;IACnC,OAAO,2DAAG,WAAW,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;;YAC5D,OAAO,kBAAI,KAAK,CAAC,MAAA,IAAI,CAAC,QAAQ,mCAAI,CAAC,CAAC,QAAE,GAAG,CAAC,UAAC,CAAC,EAAE,YAAY;gBACxD,IAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CAAC,IAAI,CAAC,UAAA,WAAW;oBACnD,OAAA,WAAW,CAAC,IAAI,KAAK,IAAI,IAAI,IAAA,iBAAO,EAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC;gBAA5D,CAA4D,CAC7D,CAAA;gBACD,OAAO,uBAAC,yBAAW,aACC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAChE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,IAAI,wBAAO,OAAO,KAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,YAAY,cAAA,IAAG,EACvG,GAAG,EAAE,sBAAgB,IACjB,KAAK,GAJJ,UAAG,IAAI,cAAI,KAAK,cAAI,YAAY,CAAE,CAI3B,CAAA;YAClC,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,GAAI,CAAA;AACR,CAAC,CAAA"}

package/dist/components/material/GameTable/StaticLocationsDisplay.js

@@ -10,24 +10,24 @@ var __assign = (this && this.__assign) || function () {
     };
     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.StaticLocationsDisplay = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var isEqual_1 = __importDefault(require("lodash/isEqual"));
 var hooks_1 = require("../../../hooks");
-var locations_1 = require("../locations");
-var focus_1 = require("./focus");
+var useStaticLocations_1 = require("../../../hooks/useStaticLocations");
 var StaticLocationsDisplay = function (props) {
     var context = (0, hooks_1.useMaterialContext)();
-    var _a = (0, focus_1.useFocusContext)(), focus = _a.focus, addFocusRef = _a.addFocusRef;
-    var locations = (0, focus_1.getStaticLocationsWithFocus)(context, focus);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: locations.map(function (location) {
-            var isFocused = focus === null || focus === void 0 ? void 0 : focus.locations.some(function (focusedLocation) { return (0, isEqual_1.default)(focusedLocation, location); });
-            return ((0, jsx_runtime_1.jsx)(locations_1.SimpleDropArea, __assign({ location: location, alwaysVisible: isFocused, ref: isFocused ? addFocusRef : undefined }, props), JSON.stringify(location)));
-        }) }));
+    var locations = (0, useStaticLocations_1.useStaticLocations)();
+    var draggedItem = (0, hooks_1.useDraggedItem)();
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: locations.map(function (_a) {
+            var _b;
+            var location = _a.location, focusRef = _a.focusRef;
+            var description = (_b = context.locators[location.type]) === null || _b === void 0 ? void 0 : _b.getLocationDescription(location, __assign(__assign({}, context), draggedItem));
+            var LocationComponent = description === null || description === void 0 ? void 0 : description.Component;
+            if (!LocationComponent)
+                return null;
+            return (0, jsx_runtime_1.jsx)(LocationComponent, __assign({ location: location, description: description, ref: focusRef }, props), JSON.stringify(location));
+        }) });
 };
 exports.StaticLocationsDisplay = StaticLocationsDisplay;
 //# sourceMappingURL=StaticLocationsDisplay.js.map

package/dist/components/material/GameTable/StaticLocationsDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticLocationsDisplay.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/StaticLocationsDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,2DAAoC;AACpC,wCAAmD;AACnD,0CAA6C;AAC7C,iCAAsE;AAE/D,IAAM,sBAAsB,GAAG,UAAC,KAAqC;IAC1E,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IAC9B,IAAA,KAAyB,IAAA,uBAAe,GAAE,EAAxC,KAAK,WAAA,EAAE,WAAW,iBAAsB,CAAA;IAChD,IAAM,SAAS,GAAG,IAAA,mCAA2B,EAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAC7D,OAAO,CACL,2DAEI,SAAS,CAAC,GAAG,CAAC,UAAA,QAAQ;YACpB,IAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,IAAI,CAAC,UAAA,eAAe,IAAI,OAAA,IAAA,iBAAO,EAAC,eAAe,EAAE,QAAQ,CAAC,EAAlC,CAAkC,CAAC,CAAA;YAC9F,OAAO,CACL,uBAAC,0BAAc,aAEb,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,SAAS,EACxB,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IACpC,KAAK,GAJJ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAIjB,CACf,CAAA;QACH,CAAC,CAAC,GAEH,CACJ,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,sBAAsB,0BAqBlC"}
+{"version":3,"file":"StaticLocationsDisplay.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/StaticLocationsDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,wCAAmE;AACnE,wEAAsE;AAE/D,IAAM,sBAAsB,GAAG,UAAC,KAAqC;IAC1E,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IACpC,IAAM,SAAS,GAAG,IAAA,uCAAkB,GAAE,CAAA;IACtC,IAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAA;IACpC,OAAO,2DACL,SAAS,CAAC,GAAG,CAAC,UAAC,EAAsB;;gBAApB,QAAQ,cAAA,EAAE,QAAQ,cAAA;YACjC,IAAM,WAAW,GAAG,MAAA,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,0CAAE,sBAAsB,CAAC,QAAQ,wBAAO,OAAO,GAAK,WAAW,EAAG,CAAA;YACrH,IAAM,iBAAiB,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAA;YAChD,IAAI,CAAC,iBAAiB;gBAAE,OAAO,IAAI,CAAA;YACnC,OAAO,uBAAC,iBAAiB,aAAgC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,IAAM,KAAK,GAAhG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAA2E,CAAA;QACpI,CAAC,CAAC,GACA,CAAA;AACN,CAAC,CAAA;AAZY,QAAA,sBAAsB,0BAYlC"}

package/dist/components/material/GameTable/focus/FocusProvider.d.ts

@@ -1,10 +1,10 @@
 import { FC } from 'react';
 import { MaterialFocus } from './MaterialFocus';
-export type FocusContextType = {
-    focus?: MaterialFocus;
-    setFocus: (focus?: MaterialFocus, reset?: boolean) => void;
-    addFocusRef: (ref: HTMLElement | null) => void;
+export type FocusContextType<P extends number = number, M extends number = number, L extends number = number> = {
+    focus?: MaterialFocus<P, M, L>;
+    setFocus: (focus?: MaterialFocus<P, M, L>, reset?: boolean) => void;
+    focusRef: (ref: HTMLElement | null) => void;
 };
-export declare const FocusContext: import("react").Context<FocusContextType | null>;
-export declare const useFocusContext: () => FocusContextType;
+export declare const FocusContext: import("react").Context<FocusContextType<number, number, number> | null>;
+export declare const useFocusContext: <P extends number = number, M extends number = number, L extends number = number>() => FocusContextType<P, M, L>;
 export declare const FocusProvider: FC;

package/dist/components/material/GameTable/focus/FocusProvider.js

@@ -51,7 +51,7 @@ var FocusProvider = function (_a) {
         var elements = Array.from(focusRefs.current);
         setTimeout(function () { var _a; return zoomToElements(elements, { animationTime: (_a = focus === null || focus === void 0 ? void 0 : focus.animationTime) !== null && _a !== void 0 ? _a : 1000, margin: focus === null || focus === void 0 ? void 0 : focus.margin, scale: focus === null || focus === void 0 ? void 0 : focus.scale }); }, 50);
     }, [zoomToElements]);
-    var addFocusRef = (0, react_1.useCallback)(function (ref) {
+    var focusRef = (0, react_1.useCallback)(function (ref) {
         if (!ref || focusRefs.current.has(ref))
             return;
         focusRefs.current.add(ref);
@@ -59,7 +59,7 @@ var FocusProvider = function (_a) {
             doFocus();
         }
     }, [doFocus]);
-    return ((0, jsx_runtime_1.jsx)(exports.FocusContext.Provider, __assign({ value: { focus: focus, setFocus: setFocus, addFocusRef: addFocusRef } }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(exports.FocusContext.Provider, __assign({ value: { focus: focus, setFocus: setFocus, focusRef: focusRef } }, { children: children })));
 };
 exports.FocusProvider = FocusProvider;
 function countFocusRefs(focus, locators) {

package/dist/components/material/GameTable/focus/FocusProvider.js.map

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

package/dist/components/material/GameTable/focus/index.d.ts

@@ -1,3 +1,2 @@
-export * from './LocationsWithFocus';
 export * from './FocusProvider';
 export * from './MaterialFocus';

package/dist/components/material/GameTable/focus/index.js

@@ -14,7 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./LocationsWithFocus"), exports);
 __exportStar(require("./FocusProvider"), exports);
 __exportStar(require("./MaterialFocus"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/material/GameTable/focus/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/focus/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAoC;AACpC,kDAA+B;AAC/B,kDAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/focus/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,kDAA+B"}

package/dist/components/material/ImageLoader/MaterialImageLoader.js

@@ -14,19 +14,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MaterialImageLoader = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
+var GameProvider_1 = require("../../GameProvider");
 var ImagesLoader_1 = require("../../ImagesLoader");
-var useMaterials_1 = require("../../../hooks/useMaterials");
-var useMaterialImages = function () {
-    var descriptions = (0, useMaterials_1.useMaterials)();
-    return (0, react_1.useMemo)(function () {
-        if (!descriptions) {
-            return [];
-        }
-        return Object.values(descriptions).flatMap(function (description) { return description.getImages(); });
-    }, [descriptions]);
-};
 var MaterialImageLoader = function (props) {
-    var images = useMaterialImages();
+    var context = (0, react_1.useContext)(GameProvider_1.gameContext);
+    var images = (0, react_1.useMemo)(function () {
+        var _a, _b;
+        var images = [];
+        for (var _i = 0, _c = Object.values((_a = context.material) !== null && _a !== void 0 ? _a : {}); _i < _c.length; _i++) {
+            var description = _c[_i];
+            if (description)
+                images.push.apply(images, description.getImages());
+        }
+        for (var _d = 0, _e = Object.values((_b = context.locators) !== null && _b !== void 0 ? _b : {}); _d < _e.length; _d++) {
+            var locator = _e[_d];
+            if (locator === null || locator === void 0 ? void 0 : locator.locationDescription)
+                images.push.apply(images, locator.locationDescription.getImages());
+        }
+        return images;
+    }, [context.material, context.locators]);
     return (0, jsx_runtime_1.jsx)(ImagesLoader_1.ImagesLoader, __assign({ images: images }, props));
 };
 exports.MaterialImageLoader = MaterialImageLoader;

package/dist/components/material/ImageLoader/MaterialImageLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialImageLoader.js","sourceRoot":"","sources":["../../../../src/components/material/ImageLoader/MaterialImageLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAAmC;AACnC,mDAAoE;AACpE,4DAA0D;AAI1D,IAAM,iBAAiB,GAAG;IACxB,IAAM,YAAY,GAAG,IAAA,2BAAY,GAAE,CAAA;IACnC,OAAO,IAAA,eAAO,EAAC;QACb,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO,EAAE,CAAA;SACV;QACD,OAAO,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,UAAC,WAAW,IAAK,OAAA,WAAW,CAAC,SAAS,EAAE,EAAvB,CAAuB,CAAC,CAAA;IACtF,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;AACpB,CAAC,CAAA;AAED,IAAM,mBAAmB,GAAiC,UAAC,KAAK;IAC9D,IAAM,MAAM,GAAG,iBAAiB,EAAE,CAAA;IAElC,OAAO,uBAAC,2BAAY,aAAC,MAAM,EAAE,MAAM,IAAM,KAAK,EAAI,CAAA;AACpD,CAAC,CAAA;AAGC,kDAAmB"}
+{"version":3,"file":"MaterialImageLoader.js","sourceRoot":"","sources":["../../../../src/components/material/ImageLoader/MaterialImageLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAA+C;AAC/C,mDAAgD;AAChD,mDAAoE;AAIpE,IAAM,mBAAmB,GAAiC,UAAC,KAAK;IAC9D,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAA;IACvC,IAAM,MAAM,GAAG,IAAA,eAAO,EAAC;;QACrB,IAAM,MAAM,GAAa,EAAE,CAAA;QAC3B,KAA0B,UAAqC,EAArC,KAAA,MAAM,CAAC,MAAM,CAAC,MAAA,OAAO,CAAC,QAAQ,mCAAI,EAAE,CAAC,EAArC,cAAqC,EAArC,IAAqC,EAAE;YAA5D,IAAM,WAAW,SAAA;YACpB,IAAI,WAAW;gBAAE,MAAM,CAAC,IAAI,OAAX,MAAM,EAAS,WAAW,CAAC,SAAS,EAAE,EAAC;SACzD;QACD,KAAsB,UAAqC,EAArC,KAAA,MAAM,CAAC,MAAM,CAAC,MAAA,OAAO,CAAC,QAAQ,mCAAI,EAAE,CAAC,EAArC,cAAqC,EAArC,IAAqC,EAAE;YAAxD,IAAM,OAAO,SAAA;YAChB,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB;gBAAE,MAAM,CAAC,IAAI,OAAX,MAAM,EAAS,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,EAAC;SAC1F;QACD,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAA;IAExC,OAAO,uBAAC,2BAAY,aAAC,MAAM,EAAE,MAAM,IAAM,KAAK,EAAI,CAAA;AACpD,CAAC,CAAA;AAGC,kDAAmB"}

package/dist/components/material/MaterialComponent.d.ts

@@ -2,16 +2,12 @@ import { HTMLAttributes } from 'react';
 export type MaterialComponentProps<M extends number = number, ItemId = any> = {
     type: M;
     itemId?: ItemId;
-    onShortClick?: () => void;
-    onLongClick?: () => void;
     highlight?: boolean;
     playDown?: boolean;
 } & HTMLAttributes<HTMLElement>;
 export declare const MaterialComponent: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
     type: number;
     itemId?: any;
-    onShortClick?: (() => void) | undefined;
-    onLongClick?: (() => void) | undefined;
     highlight?: boolean | undefined;
     playDown?: boolean | undefined;
 } & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/components/material/MaterialComponent.js

@@ -30,32 +30,19 @@ exports.MaterialComponent = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 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");
 exports.MaterialComponent = (0, react_2.memo)((0, react_2.forwardRef)(function (_a, ref) {
-    var type = _a.type, itemId = _a.itemId, onShortClick = _a.onShortClick, onLongClick = _a.onLongClick, highlight = _a.highlight, playDown = _a.playDown, props = __rest(_a, ["type", "itemId", "onShortClick", "onLongClick", "highlight", "playDown"]);
+    var type = _a.type, itemId = _a.itemId, highlight = _a.highlight, playDown = _a.playDown, props = __rest(_a, ["type", "itemId", "highlight", "playDown"]);
     var description = (0, hooks_1.useMaterialDescription)(type);
-    var listeners = (0, use_long_press_1.useLongPress)(function () { return onLongClick && onLongClick(); }, {
-        detect: use_long_press_1.LongPressEventType.Pointer,
-        cancelOnMovement: 5,
-        threshold: 600,
-        onCancel: function (_, _a) {
-            var reason = _a.reason;
-            if (reason === use_long_press_1.LongPressCallbackReason.CancelledByRelease) {
-                setTimeout(function () { return onShortClick && onShortClick(); });
-            }
-        },
-        filterEvents: function (event) { return !event.button; }
-    })();
     if (!description)
         return null;
     var _b = description.getSize(itemId), width = _b.width, height = _b.height;
     var componentCss = (0, react_2.useMemo)(function () { return [materialCss, (0, css_1.sizeCss)(width, height)]; }, [width, height]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: ref, css: componentCss }, props, (0, utilities_1.combineEventListeners)(listeners, props), { children: description.content(__assign({ itemId: itemId, highlight: highlight, playDown: playDown }, props)) })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: ref, css: componentCss }, props, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: hoverWrapper }, { children: description.content(__assign({ itemId: itemId, highlight: highlight, playDown: playDown }, props)) })) })));
 }));
+var hoverWrapper = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n  -webkit-tap-highlight-color: transparent;\n  transform-origin: center;\n  width: 100%;\n  height: 100%;\n"], ["\n  transform-style: preserve-3d;\n  -webkit-tap-highlight-color: transparent;\n  transform-origin: center;\n  width: 100%;\n  height: 100%;\n"])));
 exports.MaterialComponent.displayName = 'MaterialComponent';
-var materialCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n  -webkit-tap-highlight-color: transparent;\n"], ["\n  transform-style: preserve-3d;\n  -webkit-tap-highlight-color: transparent;\n"])));
-var templateObject_1;
+var materialCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n  -webkit-tap-highlight-color: transparent;\n"], ["\n  transform-style: preserve-3d;\n  -webkit-tap-highlight-color: transparent;\n"])));
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=MaterialComponent.js.map

package/dist/components/material/MaterialComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialComponent.js","sourceRoot":"","sources":["../../../src/components/material/MaterialComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AACpC,+BAA6E;AAC7E,iDAA0F;AAC1F,iCAAmC;AACnC,qCAAoD;AACpD,6CAAuD;AAW1C,QAAA,iBAAiB,GAAG,IAAA,YAAI,EAAC,IAAA,kBAAU,EAAyC,UACvF,EAA0E,EAAE,GAAG;IAA7E,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAxE,0EAA0E,CAAF;IAExE,IAAM,WAAW,GAAG,IAAA,8BAAsB,EAAC,IAAI,CAAC,CAAA;IAEhD,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,UAAU,CAAC,cAAM,OAAA,YAAY,IAAI,YAAY,EAAE,EAA9B,CAA8B,CAAC,CAAA;aACjD;QACH,CAAC;QACD,YAAY,EAAE,UAAA,KAAK,IAAI,OAAA,CAAE,KAAoB,CAAC,MAAM,EAA7B,CAA6B;KACrD,CAAC,EAAE,CAAA;IAEJ,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAA;IAEvB,IAAA,KAAoB,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,EAA7C,KAAK,WAAA,EAAE,MAAM,YAAgC,CAAA;IAErD,IAAM,YAAY,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,CAAC,WAAW,EAAE,IAAA,aAAO,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAArC,CAAqC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAE1F,OAAO,CACL,yCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,IAAM,KAAK,EAAM,IAAA,iCAAqB,EAAC,SAAS,EAAE,KAAK,CAAC,cACrF,WAAW,CAAC,OAAO,YAAG,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,IAAK,KAAK,EAAG,IAC3D,CACP,CAAA;AACH,CAAC,CAAC,CAAC,CAAA;AAEH,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEnD,IAAM,WAAW,OAAG,WAAG,sJAAA,kFAGtB,IAAA,CAAA"}
+{"version":3,"file":"MaterialComponent.js","sourceRoot":"","sources":["../../../src/components/material/MaterialComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AACpC,+BAAiE;AACjE,iCAAmC;AACnC,qCAAoD;AASvC,QAAA,iBAAiB,GAAG,IAAA,YAAI,EAAC,IAAA,kBAAU,EAAyC,UACvF,EAA+C,EAAE,GAAG;IAAlD,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA7C,2CAA+C,CAAF;IAE7C,IAAM,WAAW,GAAG,IAAA,8BAAsB,EAAC,IAAI,CAAC,CAAA;IAEhD,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAA;IAEvB,IAAA,KAAoB,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,EAA7C,KAAK,WAAA,EAAE,MAAM,YAAgC,CAAA;IAErD,IAAM,YAAY,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,CAAC,WAAW,EAAE,IAAA,aAAO,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAArC,CAAqC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAE1F,OAAO,CACL,yCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,IAAM,KAAK,cACzC,yCAAK,GAAG,EAAE,YAAY,gBACnB,WAAW,CAAC,OAAO,YAAG,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,IAAK,KAAK,EAAG,IAC3D,IACF,CACP,CAAA;AACH,CAAC,CAAC,CAAC,CAAA;AAEH,IAAM,YAAY,OAAG,WAAG,oNAAA,gJAMvB,IAAA,CAAA;AAED,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEnD,IAAM,WAAW,OAAG,WAAG,sJAAA,kFAGtB,IAAA,CAAA"}

package/dist/components/material/MaterialDescription.d.ts

@@ -2,19 +2,16 @@ import { Interpolation, Theme } from '@emotion/react';
 import { Location, MaterialHelpDisplay, MaterialItem, MaterialMove } from '@gamepark/rules-api';
 import { ComponentType, FC, HTMLAttributes } from 'react';
 import { ItemContext, MaterialContext } from '../../locators';
+import { ComponentDescription } from './ComponentDescription';
 export type MaterialHelpProps<P extends number = number, M extends number = number, L extends number = number> = {
     closeDialog: () => void;
 } & Omit<MaterialHelpDisplay<P, M, L>, 'type'>;
-export type ComponentSize = {
-    width: number;
-    height: number;
-};
 export type MaterialContentProps<ItemId = any> = {
     itemId: ItemId;
     highlight?: boolean;
     playDown?: boolean;
 } & HTMLAttributes<HTMLElement>;
-export declare abstract class MaterialDescription<P extends number = number, M extends number = number, L extends number = number, ItemId = any> {
+export declare abstract class MaterialDescription<P extends number = number, M extends number = number, L extends number = number, ItemId = any> extends ComponentDescription<ItemId> {
     help?: ComponentType<MaterialHelpProps<P, M, L>>;
     abstract content: FC<MaterialContentProps<ItemId>>;
     isMobile: boolean;
@@ -31,18 +28,13 @@ export declare abstract class MaterialDescription<P extends number = number, M e
     canShortClick(move: MaterialMove<P, M, L>, { type, index }: ItemContext<P, M, L>): boolean;
     getShortClickMove(_context: ItemContext<P, M, L>): MaterialMove<P, M, L> | undefined;
     getShortClickLocalMove(_context: ItemContext<P, M, L>): MaterialMove<P, M, L> | undefined;
-    height?: number;
-    width?: number;
-    ratio?: number;
-    borderRadius?: number;
-    getSize(_itemId: ItemId): ComponentSize;
-    getBorderRadius(_itemId: ItemId): number | undefined;
-    abstract getImages(): string[];
     thickness: number;
     getThickness(_item: MaterialItem<P, L>, _context: ItemContext<P, M, L>): number;
-    getRotations(_item: MaterialItem<P, L>, _context: ItemContext<P, M, L>): string[];
     getItemExtraCss(_item: MaterialItem<P, L>, _context: ItemContext<P, M, L>): Interpolation<Theme>;
     highlight(_item: MaterialItem<P, L>, _context: ItemContext<P, M, L>): boolean | undefined;
     displayHelp(item: MaterialItem<P, L>, { type, index, displayIndex }: ItemContext<P, M, L>): import("@gamepark/rules-api").DisplayHelp<P, M, L>;
+    getItemTransform(item: MaterialItem<P, L>, context: ItemContext<P, M, L>): string[];
+    getHoverTransform(_item: MaterialItem<P, L>, _context: ItemContext<P, M, L>): string[];
+    getDropLocations(item: MaterialItem<P, L>, move: MaterialMove<P, M, L>, context: ItemContext<P, M, L>): Location<P, L>[];
 }
 export type MaterialDescriptionRecord<P extends number = number, M extends number = number, L extends number = number> = Record<M, MaterialDescription<P, M, L>>;

package/dist/components/material/MaterialDescription.js

@@ -1,13 +1,33 @@
 "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 __());
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MaterialDescription = void 0;
 var rules_api_1 = require("@gamepark/rules-api");
-var MaterialDescription = (function () {
+var ComponentDescription_1 = require("./ComponentDescription");
+var displayMaterialHelp = rules_api_1.MaterialMoveBuilder.displayMaterialHelp;
+var MaterialDescription = (function (_super) {
+    __extends(MaterialDescription, _super);
     function MaterialDescription() {
-        this.isMobile = false;
-        this.staticItems = [];
-        this.locations = [];
-        this.thickness = 0.05;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.isMobile = false;
+        _this.staticItems = [];
+        _this.locations = [];
+        _this.thickness = 0.05;
+        return _this;
     }
     MaterialDescription.prototype.getStaticItems = function (_context) {
         return this.staticItem ? [this.staticItem] : this.staticItems;
@@ -35,24 +55,9 @@ var MaterialDescription = (function () {
     MaterialDescription.prototype.getShortClickLocalMove = function (_context) {
         return undefined;
     };
-    MaterialDescription.prototype.getSize = function (_itemId) {
-        if (this.width && this.height)
-            return { width: this.width, height: this.height };
-        if (this.ratio && this.width)
-            return { width: this.width, height: this.width / this.ratio };
-        if (this.ratio && this.height)
-            return { width: this.height * this.ratio, height: this.height };
-        throw new Error('You must implement 2 of "width", "height" & "ratio" in any Material description');
-    };
-    MaterialDescription.prototype.getBorderRadius = function (_itemId) {
-        return this.borderRadius;
-    };
     MaterialDescription.prototype.getThickness = function (_item, _context) {
         return this.thickness;
     };
-    MaterialDescription.prototype.getRotations = function (_item, _context) {
-        return [];
-    };
     MaterialDescription.prototype.getItemExtraCss = function (_item, _context) {
         return;
     };
@@ -61,9 +66,30 @@ var MaterialDescription = (function () {
     };
     MaterialDescription.prototype.displayHelp = function (item, _a) {
         var type = _a.type, index = _a.index, displayIndex = _a.displayIndex;
-        return (0, rules_api_1.displayMaterialHelp)(type, item, index, displayIndex);
+        return displayMaterialHelp(type, item, index, displayIndex);
+    };
+    MaterialDescription.prototype.getItemTransform = function (item, context) {
+        var transform = ['translate(-50%, -50%)'];
+        var locator = context.locators[item.location.type];
+        if (locator)
+            transform.push.apply(transform, locator.placeItem(item, context));
+        return transform;
+    };
+    MaterialDescription.prototype.getHoverTransform = function (_item, _context) {
+        return [];
+    };
+    MaterialDescription.prototype.getDropLocations = function (item, move, context) {
+        var _a;
+        if ((0, rules_api_1.isMoveItem)(move) && move.location.type !== undefined) {
+            return [move.location];
+        }
+        else if ((0, rules_api_1.isDeleteItem)(move)) {
+            var stockLocation = (_a = context.material[context.type]) === null || _a === void 0 ? void 0 : _a.getStockLocation(item, context);
+            return stockLocation ? [stockLocation] : [];
+        }
+        return [];
     };
     return MaterialDescription;
-}());
+}(ComponentDescription_1.ComponentDescription));
 exports.MaterialDescription = MaterialDescription;
 //# sourceMappingURL=MaterialDescription.js.map