@gamepark/react-game 6.16.0 → 6.17.2

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

@@ -0,0 +1,35 @@
+"use strict";
+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.StaticLocationsDisplay = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
+var hooks_1 = require("../../../hooks");
+var locations_1 = require("../locations");
+var focus_1 = require("./focus");
+var StaticLocationsDisplay = function (props) {
+    var context = (0, hooks_1.useMaterialContext)();
+    var _a = (0, focus_1.useFocusContext)(), focus = _a.focus, addFocusRef = _a.addFocusRef;
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Object.values(context.locators).map(function (locator) {
+            var _a;
+            return (_a = locator === null || locator === void 0 ? void 0 : locator.getLocationDescription(context)) === null || _a === void 0 ? void 0 : _a.getLocations(context).map(function (location) {
+                var isFocused = focus === null || focus === void 0 ? void 0 : focus.locations.some(function (focusedLocation) { return (0, fast_deep_equal_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));
+            });
+        }) });
+};
+exports.StaticLocationsDisplay = StaticLocationsDisplay;
+//# sourceMappingURL=StaticLocationsDisplay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StaticLocationsDisplay.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/StaticLocationsDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,oEAAmC;AACnC,wCAAmD;AACnD,0CAA6C;AAC7C,iCAAyC;AAElC,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,OAAO,2DACJ,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAA,OAAO;;YACxC,OAAO,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,sBAAsB,CAAC,OAAO,CAAC,0CAAE,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,UAAA,QAAQ;gBACjF,IAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,IAAI,CAAC,UAAA,eAAe,IAAI,OAAA,IAAA,yBAAK,EAAC,eAAe,EAAE,QAAQ,CAAC,EAAhC,CAAgC,CAAC,CAAA;gBAC5F,OAAO,uBAAC,0BAAc,aAAgC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IACjH,KAAK,GADJ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CACjB,CAAA;YACrC,CAAC,CAAC,CAAA;QACJ,CAAC,CACF,GACA,CAAA;AACL,CAAC,CAAA;AAbY,QAAA,sBAAsB,0BAalC"}

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

@@ -0,0 +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 declare const FocusContext: import("react").Context<FocusContextType | null>;
+export declare const useFocusContext: () => FocusContextType;
+export declare const FocusProvider: FC;

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

@@ -0,0 +1,78 @@
+"use strict";
+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.FocusProvider = exports.useFocusContext = exports.FocusContext = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var sumBy_1 = __importDefault(require("lodash/sumBy"));
+var react_1 = require("react");
+var react_zoom_pan_pinch_1 = require("react-zoom-pan-pinch");
+var hooks_1 = require("../../../../hooks");
+var useLocators_1 = require("../../../../hooks/useLocators");
+exports.FocusContext = (0, react_1.createContext)(null);
+var useFocusContext = function () {
+    var focusContext = (0, react_1.useContext)(exports.FocusContext);
+    if (focusContext === null) {
+        throw new Error('useFocusContext has to be used within a <FocusContext.Provider>');
+    }
+    return focusContext;
+};
+exports.useFocusContext = useFocusContext;
+var FocusProvider = function (_a) {
+    var children = _a.children;
+    var zoomToElements = (0, hooks_1.useZoomToElements)();
+    var resetTransform = (0, react_zoom_pan_pinch_1.useControls)().resetTransform;
+    var locators = (0, useLocators_1.useLocators)();
+    var _b = (0, react_1.useState)(), focus = _b[0], doSetFocus = _b[1];
+    var focusRefs = (0, react_1.useRef)(new Set());
+    var countFocusRef = (0, react_1.useRef)(0);
+    var setFocus = (0, react_1.useCallback)(function (focus, reset) {
+        if (reset === void 0) { reset = true; }
+        if (!focus && reset) {
+            setTimeout(function () { return resetTransform(1000); }, 50);
+        }
+        focusRefs.current = new Set();
+        countFocusRef.current = countFocusRefs(focus, locators);
+        doSetFocus(focus);
+    }, []);
+    var doFocus = (0, react_1.useCallback)(function () {
+        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) {
+        if (!ref || focusRefs.current.has(ref))
+            return;
+        focusRefs.current.add(ref);
+        if (countFocusRef.current === focusRefs.current.size) {
+            doFocus();
+        }
+    }, [doFocus]);
+    return ((0, jsx_runtime_1.jsx)(exports.FocusContext.Provider, __assign({ value: { focus: focus, setFocus: setFocus, addFocusRef: addFocusRef } }, { children: children })));
+};
+exports.FocusProvider = FocusProvider;
+function countFocusRefs(focus, locators) {
+    if (!focus)
+        return 0;
+    return (0, sumBy_1.default)(focus.materials, function (material) {
+        return (0, sumBy_1.default)(material.getItems(), function (item) { var _a, _b, _c; return Math.min((_a = item.quantity) !== null && _a !== void 0 ? _a : 1, (_c = (_b = locators === null || locators === void 0 ? void 0 : locators[item.location.type]) === null || _b === void 0 ? void 0 : _b.limit) !== null && _c !== void 0 ? _c : Infinity); });
+    })
+        + (0, sumBy_1.default)(focus.staticItems, function (_a) {
+            var _b, _c, _d;
+            var item = _a.item;
+            return Math.min((_b = item.quantity) !== null && _b !== void 0 ? _b : 1, (_d = (_c = locators === null || locators === void 0 ? void 0 : locators[item.location.type]) === null || _c === void 0 ? void 0 : _c.limit) !== null && _d !== void 0 ? _d : Infinity);
+        })
+        + focus.locations.length;
+}
+//# sourceMappingURL=FocusProvider.js.map

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

@@ -0,0 +1 @@
+{"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/FocusableElement.d.ts

@@ -0,0 +1,13 @@
+import { Location, LocationBuilder, Material, MaterialItem } from '@gamepark/rules-api';
+export type FocusableElement<P extends number = number, M extends number = number, L extends number = number> = Material<P, M, L> | StaticItem<P, M, L> | LocationBuilder<P, L>;
+export type StaticItem<P extends number = number, M extends number = number, L extends number = number> = {
+    type: M;
+    item: MaterialItem<P, L>;
+};
+export declare function isItemFocus(itemType: number, itemIndex: number, focus?: FocusableElement | FocusableElement[]): boolean;
+export declare function isMaterialFocus(focus?: FocusableElement): focus is Material;
+export declare function countTutorialFocusRefs(focus?: FocusableElement | FocusableElement[]): number;
+export declare function isStaticItem(focus?: FocusableElement): focus is StaticItem;
+export declare function isStaticItemFocus(itemType: number, item: MaterialItem, focus?: FocusableElement | FocusableElement[]): boolean;
+export declare function isLocationBuilder(focus?: FocusableElement): focus is LocationBuilder;
+export declare function isLocationFocus(location: Location, focus?: FocusableElement | FocusableElement[]): boolean;

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

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isLocationFocus = exports.isLocationBuilder = exports.isStaticItemFocus = exports.isStaticItem = exports.countTutorialFocusRefs = exports.isMaterialFocus = exports.isItemFocus = void 0;
+var fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
+var sumBy_1 = __importDefault(require("lodash/sumBy"));
+function isItemFocus(itemType, itemIndex, focus) {
+    if (Array.isArray(focus)) {
+        return focus.some(function (focus) { return isItemFocus(itemType, itemIndex, focus); });
+    }
+    return isMaterialFocus(focus) && focus.type === itemType && focus.getIndexes().includes(itemIndex);
+}
+exports.isItemFocus = isItemFocus;
+function isMaterialFocus(focus) {
+    return typeof focus === 'object' && focus.entries !== undefined;
+}
+exports.isMaterialFocus = isMaterialFocus;
+function countTutorialFocusRefs(focus) {
+    var _a;
+    if (!focus)
+        return 0;
+    if (Array.isArray(focus)) {
+        return (0, sumBy_1.default)(focus, function (focus) { return countTutorialFocusRefs(focus); });
+    }
+    if (isMaterialFocus(focus)) {
+        return (0, sumBy_1.default)(focus.getItems(), function (item) { var _a; return (_a = item.quantity) !== null && _a !== void 0 ? _a : 1; });
+    }
+    else if (isStaticItem(focus)) {
+        return (_a = focus.item.quantity) !== null && _a !== void 0 ? _a : 1;
+    }
+    else if (isLocationBuilder(focus)) {
+        return 1;
+    }
+    else {
+        return 0;
+    }
+}
+exports.countTutorialFocusRefs = countTutorialFocusRefs;
+function isStaticItem(focus) {
+    return typeof focus === 'object' && typeof focus.type === 'number' && typeof focus.item === 'object';
+}
+exports.isStaticItem = isStaticItem;
+function isStaticItemFocus(itemType, item, focus) {
+    if (Array.isArray(focus)) {
+        return focus.some(function (focus) { return isStaticItemFocus(itemType, item, focus); });
+    }
+    return isStaticItem(focus) && focus.type === itemType && (0, fast_deep_equal_1.default)(focus.item, item);
+}
+exports.isStaticItemFocus = isStaticItemFocus;
+function isLocationBuilder(focus) {
+    return typeof focus === 'object' && typeof focus.location === 'object';
+}
+exports.isLocationBuilder = isLocationBuilder;
+function isLocationFocus(location, focus) {
+    if (Array.isArray(focus)) {
+        return focus.some(function (focus) { return isLocationFocus(location, focus); });
+    }
+    return isLocationBuilder(focus) && (0, fast_deep_equal_1.default)(focus.location, location);
+}
+exports.isLocationFocus = isLocationFocus;
+//# sourceMappingURL=FocusableElement.js.map

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

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

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

@@ -0,0 +1,8 @@
+import { Location, MaterialItem } from '@gamepark/rules-api';
+import { ItemContext } from '../../../../locators';
+import { FocusableElement } from './FocusableElement';
+export type FocusableLocation = {
+    location: Location;
+    focus?: true;
+};
+export declare const getLocationsWithFocus: (item: MaterialItem, context: ItemContext, focus?: FocusableElement | FocusableElement[]) => [Location[], number[]];

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

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLocationsWithFocus = void 0;
+var fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
+var FocusableElement_1 = require("./FocusableElement");
+var getLocationsWithFocus = function (item, context, focus) {
+    var _a, _b;
+    var locationsFocus = getLocationsFocus(focus).filter(function (location) { var _a, _b; return ((_a = context.locators[location.type]) === null || _a === void 0 ? void 0 : _a.parentItemType) === context.type && ((_b = location.parent) !== null && _b !== void 0 ? _b : 0) === context.index; });
+    var result = [(_b = (_a = context.material[context.type]) === null || _a === void 0 ? void 0 : _a.getLocations(item, context)) !== null && _b !== void 0 ? _b : [], []];
+    var _loop_1 = function (locationFocus) {
+        var index = result[0].findIndex(function (location) { return (0, fast_deep_equal_1.default)(location, locationFocus); });
+        if (index !== -1) {
+            result[1].push(index);
+        }
+        else {
+            result[1].push(result[0].length);
+            result[0].push(locationFocus);
+        }
+    };
+    for (var _i = 0, locationsFocus_1 = locationsFocus; _i < locationsFocus_1.length; _i++) {
+        var locationFocus = locationsFocus_1[_i];
+        _loop_1(locationFocus);
+    }
+    return result;
+};
+exports.getLocationsWithFocus = getLocationsWithFocus;
+var getLocationsFocus = function (focus) {
+    if (!focus)
+        return [];
+    if (Array.isArray(focus)) {
+        return focus.filter(FocusableElement_1.isLocationBuilder).map(function (builder) { return builder.location; });
+    }
+    return (0, FocusableElement_1.isLocationBuilder)(focus) ? [focus.location] : [];
+};
+//# sourceMappingURL=FocusableLocation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FocusableLocation.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/focus/FocusableLocation.ts"],"names":[],"mappings":";;;;;;AACA,oEAAmC;AAEnC,uDAAwE;AAOjE,IAAM,qBAAqB,GAAG,UACnC,IAAkB,EAAE,OAAoB,EAAE,KAA6C;;IAEvF,IAAM,cAAc,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAA,QAAQ,gBAC7D,OAAA,CAAA,MAAA,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,0CAAE,cAAc,MAAK,OAAO,CAAC,IAAI,IAAI,CAAC,MAAA,QAAQ,CAAC,MAAM,mCAAI,CAAC,CAAC,KAAK,OAAO,CAAC,KAAK,CAAA,EAAA,CAC7G,CAAA;IACD,IAAM,MAAM,GAA2B,CAAC,MAAA,MAAA,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,0CAAE,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,mCAAI,EAAE,EAAE,EAAE,CAAC,CAAA;4BACnG,aAAa;QACtB,IAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,UAAA,QAAQ,IAAI,OAAA,IAAA,yBAAK,EAAC,QAAQ,EAAE,aAAa,CAAC,EAA9B,CAA8B,CAAC,CAAA;QAC7E,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;YAChB,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;SACtB;aAAM;YACL,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;YAChC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;SAC9B;;IAPH,KAA4B,UAAc,EAAd,iCAAc,EAAd,4BAAc,EAAd,IAAc;QAArC,IAAM,aAAa,uBAAA;gBAAb,aAAa;KAQvB;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAjBY,QAAA,qBAAqB,yBAiBjC;AAED,IAAM,iBAAiB,GAAG,UAAC,KAA6C;IACtE,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAA;IACrB,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,OAAO,KAAK,CAAC,MAAM,CAAC,oCAAiB,CAAC,CAAC,GAAG,CAAC,UAAA,OAAO,IAAI,OAAA,OAAO,CAAC,QAAQ,EAAhB,CAAgB,CAAC,CAAA;KACxE;IACD,OAAO,IAAA,oCAAiB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;AACzD,CAAC,CAAA"}

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

@@ -0,0 +1,8 @@
+import { Location, MaterialItem } from '@gamepark/rules-api';
+import { ItemContext } from '../../../../locators';
+import { MaterialFocus } from './MaterialFocus';
+export type LocationsWithFocus = {
+    locations: Location[];
+    focusedIndexes: number[];
+};
+export declare const getLocationsWithFocus: (item: MaterialItem, context: ItemContext, focus?: MaterialFocus) => LocationsWithFocus;

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

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLocationsWithFocus = void 0;
+var fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
+var getLocationsWithFocus = function (item, context, focus) {
+    var _a, _b, _c, _d;
+    var locationsFocus = (_b = (_a = focus === null || focus === void 0 ? void 0 : focus.locations) === null || _a === void 0 ? void 0 : _a.filter(function (location) { var _a, _b; return ((_a = context.locators[location.type]) === null || _a === void 0 ? void 0 : _a.parentItemType) === context.type && ((_b = location.parent) !== null && _b !== void 0 ? _b : 0) === context.index; })) !== null && _b !== void 0 ? _b : [];
+    var locations = (_d = (_c = context.material[context.type]) === null || _c === void 0 ? void 0 : _c.getLocations(item, context)) !== null && _d !== void 0 ? _d : [];
+    var focusedIndexes = [];
+    var _loop_1 = function (locationFocus) {
+        var index = locations.findIndex(function (location) { return (0, fast_deep_equal_1.default)(location, locationFocus); });
+        if (index !== -1) {
+            focusedIndexes.push(index);
+        }
+        else {
+            focusedIndexes.push(locations.length);
+            locations.push(locationFocus);
+        }
+    };
+    for (var _i = 0, locationsFocus_1 = locationsFocus; _i < locationsFocus_1.length; _i++) {
+        var locationFocus = locationsFocus_1[_i];
+        _loop_1(locationFocus);
+    }
+    return { locations: locations, focusedIndexes: focusedIndexes };
+};
+exports.getLocationsWithFocus = getLocationsWithFocus;
+//# sourceMappingURL=LocationsWithFocus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocationsWithFocus.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/focus/LocationsWithFocus.ts"],"names":[],"mappings":";;;;;;AACA,oEAAmC;AAS5B,IAAM,qBAAqB,GAAG,UACnC,IAAkB,EAAE,OAAoB,EAAE,KAAqB;;IAE/D,IAAM,cAAc,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,0CAAE,MAAM,CAAC,UAAA,QAAQ,gBACtD,OAAA,CAAA,MAAA,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,0CAAE,cAAc,MAAK,OAAO,CAAC,IAAI,IAAI,CAAC,MAAA,QAAQ,CAAC,MAAM,mCAAI,CAAC,CAAC,KAAK,OAAO,CAAC,KAAK,CAAA,EAAA,CAC7G,mCAAI,EAAE,CAAA;IACP,IAAM,SAAS,GAAG,MAAA,MAAA,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,0CAAE,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,mCAAI,EAAE,CAAA;IACnF,IAAM,cAAc,GAAG,EAAE,CAAA;4BACd,aAAa;QACtB,IAAM,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,UAAA,QAAQ,IAAI,OAAA,IAAA,yBAAK,EAAC,QAAQ,EAAE,aAAa,CAAC,EAA9B,CAA8B,CAAC,CAAA;QAC7E,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;YAChB,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;SAC3B;aAAM;YACL,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;YACrC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;SAC9B;;IAPH,KAA4B,UAAc,EAAd,iCAAc,EAAd,4BAAc,EAAd,IAAc;QAArC,IAAM,aAAa,uBAAA;gBAAb,aAAa;KAQvB;IACD,OAAO,EAAE,SAAS,WAAA,EAAE,cAAc,gBAAA,EAAE,CAAA;AACtC,CAAC,CAAA;AAlBY,QAAA,qBAAqB,yBAkBjC"}

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

@@ -0,0 +1,20 @@
+import { Location, Material, MaterialItem } from '@gamepark/rules-api';
+export type MaterialFocus<P extends number = number, M extends number = number, L extends number = number> = {
+    materials: Material<P, M, L>[];
+    staticItems: StaticItem<P, M, L>[];
+    locations: Location<P, L>[];
+    margin?: Margin;
+    scale?: number;
+    highlight?: true;
+    animationTime?: number;
+};
+export type Margin = {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+export type StaticItem<P extends number = number, M extends number = number, L extends number = number> = {
+    type: M;
+    item: MaterialItem<P, L>;
+};

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=MaterialFocus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialFocus.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/focus/MaterialFocus.tsx"],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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

@@ -0,0 +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"}

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

@@ -1,2 +1,3 @@
+export * from './focus';
 export * from './GameTable';
 export * from './GameTableNavigation';

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

@@ -14,6 +14,7 @@ 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("./focus"), exports);
 __exportStar(require("./GameTable"), exports);
 __exportStar(require("./GameTableNavigation"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,wDAAqC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,8CAA2B;AAC3B,wDAAqC"}

package/dist/components/material/GameTable/locations.utils.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=locations.utils.js.map

package/dist/components/material/GameTable/locations.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locations.utils.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/locations.utils.ts"],"names":[],"mappings":""}

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

@@ -7,11 +7,11 @@ export type MaterialComponentProps<M extends number = number, ItemId = any> = {
     highlight?: boolean;
     playDown?: boolean;
 } & HTMLAttributes<HTMLElement>;
-export declare const MaterialComponent: import("react").ForwardRefExoticComponent<{
+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>>;
+} & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/components/material/MaterialComponent.js

@@ -34,11 +34,9 @@ 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.forwardRef)(function (_a, ref) {
+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 game = (0, hooks_1.useGame)();
     var description = (0, hooks_1.useMaterialDescription)(type);
-    var context = (0, hooks_1.useMaterialContext)();
     var listeners = (0, use_long_press_1.useLongPress)(function () { return onLongClick && onLongClick(); }, {
         detect: use_long_press_1.LongPressEventType.Pointer,
         cancelOnMovement: 5,
@@ -51,11 +49,13 @@ exports.MaterialComponent = (0, react_2.forwardRef)(function (_a, ref) {
         },
         filterEvents: function (event) { return !event.button; }
     })();
-    if (!description || !game)
+    if (!description)
         return null;
-    var _b = description.getSize(itemId, context), width = _b.width, height = _b.height;
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: ref, css: [materialCss, (0, css_1.sizeCss)(width, height)] }, props, (0, utilities_1.combineEventListeners)(listeners, props), { children: description.content(__assign({ itemId: itemId, context: context, highlight: highlight, playDown: playDown }, props)) })));
-});
+    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)) })));
+}));
+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;
 //# 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;AAEpC,+BAA8D;AAC9D,iDAA0F;AAC1F,iCAAmC;AACnC,qCAAiF;AACjF,6CAAuD;AAW1C,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAAyC,UAClF,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,IAAI,GAAG,IAAA,eAAO,GAAgB,CAAA;IACpC,IAAM,WAAW,GAAG,IAAA,8BAAsB,EAAC,IAAI,CAAC,CAAA;IAChD,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IAEpC,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,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAEhC,IAAA,KAAoB,WAAW,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,EAAtD,KAAK,WAAA,EAAE,MAAM,YAAyC,CAAA;IAE9D,OAAO,CACL,yCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,IAAA,aAAO,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC,IAAM,KAAK,EAAM,IAAA,iCAAqB,EAAC,SAAS,EAAE,KAAK,CAAC,cAC9G,WAAW,CAAC,OAAO,YAAG,MAAM,QAAA,EAAE,OAAO,SAAA,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,IAAK,KAAK,EAAG,IACpE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,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,+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"}

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

@@ -1,4 +1,5 @@
-import { DeleteItem, Location, MaterialItem, MaterialMove, MaterialHelpDisplay, MoveItem } from '@gamepark/rules-api';
+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';
 export type MaterialHelpProps<P extends number = number, M extends number = number, L extends number = number> = {
@@ -8,15 +9,15 @@ export type ComponentSize = {
     width: number;
     height: number;
 };
-export type MaterialContentProps<P extends number = number, M extends number = number, L extends number = number, ItemId = any> = {
+export type MaterialContentProps<ItemId = any> = {
     itemId: ItemId;
-    context: MaterialContext<P, M, L>;
     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> {
     help?: ComponentType<MaterialHelpProps<P, M, L>>;
-    abstract content: FC<MaterialContentProps<P, M, L, ItemId>>;
+    abstract content: FC<MaterialContentProps<ItemId>>;
+    isMobile: boolean;
     staticItem?: MaterialItem<P, L>;
     staticItems: MaterialItem<P, L>[];
     getStaticItems(_context: MaterialContext<P, M, L>): MaterialItem<P, L>[];
@@ -25,20 +26,20 @@ export declare abstract class MaterialDescription<P extends number = number, M e
     location?: Location<P, L>;
     locations: Location<P, L>[];
     getLocations(_item: MaterialItem<P, L>, _context: ItemContext<P, M, L>): Location<P, L>[];
-    canDrag(move: MaterialMove<P, M, L>, context: ItemContext<P, M, L>): boolean;
-    protected canDragToMove(move: MoveItem<P, M, L>, { type, index, rules }: ItemContext<P, M, L>): boolean;
-    protected canDragToDelete(_move: DeleteItem<M>, _context: ItemContext<P, M, L>): boolean;
+    canDrag(_move: MaterialMove<P, M, L>, _context: ItemContext<P, M, L>): boolean;
     canLongClick(move: MaterialMove<P, M, L>, { type, index }: ItemContext<P, M, L>): boolean;
     canShortClick(move: MaterialMove<P, M, L>, { type, index }: ItemContext<P, M, L>): boolean;
     height?: number;
     width?: number;
     ratio?: number;
     borderRadius?: number;
-    getSize(_itemId: ItemId, _context: MaterialContext<P, M, L>): ComponentSize;
-    getBorderRadius(_itemId: ItemId, _context: MaterialContext<P, M, L>): number | undefined;
+    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;
 }
 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,24 +1,10 @@
 "use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MaterialDescription = void 0;
 var rules_api_1 = require("@gamepark/rules-api");
-var fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
 var MaterialDescription = (function () {
     function MaterialDescription() {
+        this.isMobile = false;
         this.staticItems = [];
         this.locations = [];
         this.thickness = 0.05;
@@ -32,27 +18,8 @@ var MaterialDescription = (function () {
     MaterialDescription.prototype.getLocations = function (_item, _context) {
         return this.location ? [this.location] : this.locations;
     };
-    MaterialDescription.prototype.canDrag = function (move, context) {
-        var _a;
-        if ((0, rules_api_1.isMoveItem)(move)) {
-            return ((_a = move.location) === null || _a === void 0 ? void 0 : _a.type) !== undefined && move.itemType === context.type && move.itemIndex === context.index && this.canDragToMove(move, context);
-        }
-        else if ((0, rules_api_1.isDeleteItem)(move)) {
-            return move.itemType === context.type && move.itemIndex === context.index && this.canDragToDelete(move, context);
-        }
-        else {
-            return false;
-        }
-    };
-    MaterialDescription.prototype.canDragToMove = function (move, _a) {
-        var _b;
-        var type = _a.type, index = _a.index, rules = _a.rules;
-        var _c = (_b = rules.material(type).getItem(index)) === null || _b === void 0 ? void 0 : _b.location, rotation = _c.rotation, actualLocation = __rest(_c, ["rotation"]);
-        var _d = move.location, nextRotation = _d.rotation, nextLocation = __rest(_d, ["rotation"]);
-        return !(0, fast_deep_equal_1.default)(actualLocation, nextLocation);
-    };
-    MaterialDescription.prototype.canDragToDelete = function (_move, _context) {
-        return this.stockLocation !== undefined;
+    MaterialDescription.prototype.canDrag = function (_move, _context) {
+        return false;
     };
     MaterialDescription.prototype.canLongClick = function (move, _a) {
         var type = _a.type, index = _a.index;
@@ -62,7 +29,7 @@ var MaterialDescription = (function () {
         var type = _a.type, index = _a.index;
         return (0, rules_api_1.isSelectItem)(move) && move.itemType === type && move.itemIndex === index;
     };
-    MaterialDescription.prototype.getSize = function (_itemId, _context) {
+    MaterialDescription.prototype.getSize = function (_itemId) {
         if (this.width && this.height)
             return { width: this.width, height: this.height };
         if (this.ratio && this.width)
@@ -71,7 +38,7 @@ var MaterialDescription = (function () {
             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, _context) {
+    MaterialDescription.prototype.getBorderRadius = function (_itemId) {
         return this.borderRadius;
     };
     MaterialDescription.prototype.getThickness = function (_item, _context) {
@@ -80,6 +47,12 @@ var MaterialDescription = (function () {
     MaterialDescription.prototype.getRotations = function (_item, _context) {
         return [];
     };
+    MaterialDescription.prototype.getItemExtraCss = function (_item, _context) {
+        return;
+    };
+    MaterialDescription.prototype.highlight = function (_item, _context) {
+        return;
+    };
     return MaterialDescription;
 }());
 exports.MaterialDescription = MaterialDescription;