@gamepark/react-game 6.0.0-alpha.0

package/dist/components/material/DropAreas/SimpleDropArea.d.ts

@@ -0,0 +1,12 @@
+/** @jsxImportSource @emotion/react */
+import { HTMLAttributes } from 'react';
+import { Location, MaterialMove } from '@gamepark/rules-api';
+export type SimpleDropAreaProps<P extends number = number, M extends number = number, L extends number = number> = {
+    location: Location<P, L>;
+    legalMoves: MaterialMove<P, M, L>[];
+    onShortClick?: () => void;
+    onLongClick?: () => void;
+    dragOnly?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const SimpleDropArea: <P extends number = number, M extends number = number, L extends number = number>({ location, legalMoves, onShortClick, onLongClick, dragOnly, ...props }: SimpleDropAreaProps<P, M, L>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function isDropLocation<P extends number = number, L extends number = number>(data?: Record<string, any>): data is Location<P, L>;

package/dist/components/material/DropAreas/SimpleDropArea.js

@@ -0,0 +1,121 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDropLocation = exports.SimpleDropArea = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("react");
+var rules_api_1 = require("@gamepark/rules-api");
+var react_2 = require("@emotion/react");
+var use_long_press_1 = require("use-long-press");
+var hooks_1 = require("../../../hooks");
+var css_1 = require("../../../css");
+var core_1 = require("@dnd-kit/core");
+var utils_1 = require("../utils");
+var DraggableMaterial_1 = require("../DraggableMaterial");
+var utilities_1 = require("../../../utilities");
+var useStocks_1 = require("../../../hooks/useStocks");
+var SimpleDropArea = function (_a) {
+    var location = _a.location, legalMoves = _a.legalMoves, onShortClick = _a.onShortClick, onLongClick = _a.onLongClick, dragOnly = _a.dragOnly, props = __rest(_a, ["location", "legalMoves", "onShortClick", "onLongClick", "dragOnly"]);
+    var locator = (0, hooks_1.useItemLocator)(location.type);
+    var stocks = (0, useStocks_1.useStocks)();
+    var rules = (0, hooks_1.useRules)();
+    var play = (0, hooks_1.usePlay)();
+    var player = (0, hooks_1.usePlayerId)();
+    if (!onLongClick && legalMoves.length === 1) {
+        onLongClick = function () { return play(legalMoves[0], { delayed: rules === null || rules === void 0 ? void 0 : rules.isUnpredictableMove(legalMoves[0], player) }); };
+    }
+    if (!onShortClick && (locator === null || locator === void 0 ? void 0 : locator.getLocationRules)) {
+        onShortClick = function () { return play((0, rules_api_1.displayLocationRules)(location), { local: true }); };
+        if (!onLongClick) {
+            onLongClick = function () { return play((0, rules_api_1.displayLocationRules)(location), { local: true }); };
+        }
+    }
+    var _b = (0, core_1.useDroppable)({
+        id: JSON.stringify(location),
+        disabled: !legalMoves.length,
+        data: location
+    }), isOver = _b.isOver, active = _b.active, setNodeRef = _b.setNodeRef;
+    var draggedItem = (0, DraggableMaterial_1.isDraggedItem)(active === null || active === void 0 ? void 0 : active.data.current) ? active === null || active === void 0 ? void 0 : active.data.current : undefined;
+    var canDrop = draggedItem !== undefined && legalMoves.filter(function (move) {
+        return rules === null || rules === void 0 ? void 0 : rules.isMoveTrigger(move, function (move) {
+            return (0, utils_1.isMoveThisItemToLocation)(move, draggedItem.type, draggedItem.index, location, stocks);
+        });
+    }).length === 1;
+    var animations = (0, hooks_1.useAnimations)(function (animation) { return animation.action.playerId === player; });
+    var _c = (0, react_1.useState)(false), clicking = _c[0], setClicking = _c[1];
+    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);
+            if (onShortClick || onLongClick) {
+                event.stopPropagation();
+            }
+        },
+        onFinish: function () { return setClicking(false); },
+        onCancel: function (_, _a) {
+            var reason = _a.reason;
+            setClicking(false);
+            if (onShortClick && reason === use_long_press_1.LongPressCallbackReason.CancelledByRelease) {
+                setTimeout(function () { return onShortClick && onShortClick(); });
+            }
+        },
+        filterEvents: function (event) { return !event.button; } // Ignore clicks on mouse buttons > 0
+    })();
+    if (!canDrop && dragOnly)
+        return null;
+    return (0, jsx_runtime_1.jsx)("div", __assign({ ref: setNodeRef, css: [
+            !draggedItem && (onShortClick || onLongClick) && hoverHighlight, clicking && clickingAnimation,
+            (canDrop || (!draggedItem && legalMoves.length > 0 && !animations.length)) && css_1.shineEffect,
+            canDrop && isOver && dropHighlight
+        ] }, props, (0, utilities_1.combineEventListeners)(listeners, props)));
+};
+exports.SimpleDropArea = SimpleDropArea;
+var hoverHighlight = (0, react_2.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:hover {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n"], ["\n  &:hover {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n"])));
+var clickingKeyframes = (0, react_2.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  from {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n  to {\n    background-color: rgba(0, 255, 0, 0.5);\n  }\n"], ["\n  from {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n  to {\n    background-color: rgba(0, 255, 0, 0.5);\n  }\n"])));
+var longClickThreshold = 600;
+var clickingAnimation = (0, react_2.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  animation: ", " ", "ms ease-in-out;\n"], ["\n  animation: ", " ", "ms ease-in-out;\n"])), clickingKeyframes, longClickThreshold);
+var dropHighlight = (0, react_2.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-color: rgba(0, 255, 0, 0.5);\n"], ["\n  background-color: rgba(0, 255, 0, 0.5);\n"])));
+var getMoveItemTypes = function (move, rules) {
+    switch (move.kind) {
+        case rules_api_1.MoveKind.ItemMove:
+            return move.type === rules_api_1.ItemMoveType.Move ? [move.itemType] : [];
+        case rules_api_1.MoveKind.CustomMove:
+            return rules.play(move).flatMap(function (move) { return getMoveItemTypes(move, rules); });
+        default:
+            return [];
+    }
+};
+function isDropLocation(data) {
+    return typeof (data === null || data === void 0 ? void 0 : data.type) === 'number';
+}
+exports.isDropLocation = isDropLocation;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=SimpleDropArea.js.map

package/dist/components/material/DropAreas/SimpleDropArea.js.map

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

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

@@ -0,0 +1 @@
+export * from './SimpleDropArea';

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

@@ -0,0 +1,18 @@
+"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("./SimpleDropArea"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/material/DropAreas/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAgC"}

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

@@ -0,0 +1 @@
+export declare const GameMaterialDisplay: () => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,107 @@
+"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 __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.GameMaterialDisplay = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("react");
+var hooks_1 = require("../../../hooks");
+var rules_api_1 = require("@gamepark/rules-api");
+var pickBy_1 = __importDefault(require("lodash/pickBy"));
+var utils_1 = require("../utils");
+var MaterialComponent_1 = require("../MaterialComponent");
+var css_1 = require("../../../css");
+var DraggableMaterial_1 = require("../DraggableMaterial");
+var dialogs_1 = require("../../dialogs");
+var core_1 = require("@dnd-kit/core");
+var react_2 = require("@emotion/react");
+var GameProvider_1 = require("../../GameProvider");
+var GameMaterialDisplay = function () {
+    var _a, _b;
+    var context = (0, react_1.useContext)(GameProvider_1.gameContext);
+    var material = (_a = context.material) !== null && _a !== void 0 ? _a : {};
+    var locators = (_b = context.locators) !== null && _b !== void 0 ? _b : {};
+    var player = (0, hooks_1.usePlayerId)();
+    var rules = (0, hooks_1.useRules)();
+    var legalMoves = (0, hooks_1.useLegalMoves)();
+    var play = (0, hooks_1.usePlay)();
+    var _c = (0, react_1.useState)(), draggedItem = _c[0], setDraggedItem = _c[1];
+    (0, core_1.useDndMonitor)({
+        onDragStart: function (event) { return (0, DraggableMaterial_1.isDraggedItem)(event.active.data.current) && setDraggedItem(event.active.data.current); },
+        onDragEnd: function () { return setDraggedItem(undefined); }
+    });
+    if (!rules)
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    var game = rules === null || rules === void 0 ? void 0 : rules.game;
+    var commonContext = { game: game, player: player, material: material, locators: locators };
+    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Object.entries(material).map(function (_a) {
+                var stringType = _a[0], description = _a[1];
+                if (!description.items)
+                    return null;
+                var type = parseInt(stringType);
+                var innerLocators = (0, pickBy_1.default)(locators, function (locator) { return locator.parentItemType === type; });
+                var innerLocations = Object.keys(innerLocators).map(function (type) { return parseInt(type); });
+                return description.items(game, player).map(function (item) {
+                    var _a;
+                    var legalMovesTo = innerLocations.length > 0 ? legalMoves.filter(function (move) { return rules.isMoveTrigger(move, function (move) { return (0, utils_1.isMoveOnItem)(move, item.id, innerLocations); }); }) : undefined;
+                    var locator = locators[item.location.type];
+                    return __spreadArray([], Array((_a = item.quantity) !== null && _a !== void 0 ? _a : 1), true).map(function (_, index) {
+                        var context = __assign(__assign({}, commonContext), { type: type, index: index });
+                        return (0, jsx_runtime_1.jsx)(MaterialComponent_1.MaterialComponent, { type: type, itemId: item.id, withLocations: true, legalMovesTo: legalMovesTo, css: [css_1.pointerCursorCss, css_1.transformCss.apply(void 0, locator.transformItem(item, context))], onShortClick: function () { return play((0, rules_api_1.displayMaterialRules)(type, index, item), { local: true }); } }, "".concat(stringType, "_").concat(index));
+                    });
+                });
+            }), rules && game && Object.entries(game.items).map(function (_a) {
+                var stringType = _a[0], items = _a[1];
+                if (!items)
+                    return null;
+                var type = parseInt(stringType);
+                return items.map(function (item, index) {
+                    var _a;
+                    var locator = locators[item.location.type];
+                    return __spreadArray([], Array((_a = item.quantity) !== null && _a !== void 0 ? _a : 1), true).map(function (_, displayIndex) {
+                        var context = __assign(__assign({}, commonContext), { type: type, index: displayIndex });
+                        if (locator.hide(item, context))
+                            return null;
+                        var itemMoves = legalMoves.filter(function (move) { return rules.isMoveTrigger(move, function (move) { return (0, utils_1.isMoveThisItem)(move, type, index); }); });
+                        var draggingToSameLocation = !!draggedItem && legalMoves.some(function (move) {
+                            return (0, utils_1.isMoveThisItemToLocation)(move, draggedItem.type, draggedItem.index, item.location);
+                        });
+                        return (0, jsx_runtime_1.jsx)(DraggableMaterial_1.DraggableMaterial, { type: type, item: item, index: index, displayIndex: displayIndex, withLocations: true, disabled: !itemMoves.length, postTransform: locator.transformItem(item, context).join(' '), css: draggingToSameLocation && noPointerEvents, onShortClick: function () { return play((0, rules_api_1.displayMaterialRules)(type, index, item), { local: true }); }, onLongClick: itemMoves.length === 1 ?
+                                function () { return play(itemMoves[0], { delayed: rules.isUnpredictableMove(itemMoves[0], player) }); }
+                                : undefined }, "".concat(type, "_").concat(index, "_").concat(displayIndex));
+                    });
+                });
+            }), Object.entries(locators).map(function (_a) {
+                var locator = _a[1];
+                return locator.createLocations(legalMoves, rules, commonContext);
+            }), (0, jsx_runtime_1.jsx)(dialogs_1.MaterialRulesDialog, { open: !!(game === null || game === void 0 ? void 0 : game.rulesDisplay), close: function () { return play(rules_api_1.closeRulesDisplay, { local: true }); } })] });
+};
+exports.GameMaterialDisplay = GameMaterialDisplay;
+var noPointerEvents = (0, react_2.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  pointer-events: none;\n"], ["\n  pointer-events: none;\n"])));
+var templateObject_1;
+//# sourceMappingURL=GameMaterialDisplay.js.map

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

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

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

@@ -0,0 +1,18 @@
+/** @jsxImportSource @emotion/react */
+import { FC } from 'react';
+export type GameTableProps = {
+    xMin: number;
+    xMax: number;
+    yMin: number;
+    yMax: number;
+    zoomMin?: number;
+    zoomMax?: number;
+    perspective?: number;
+    margin?: {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    };
+};
+export declare const GameTable: FC<GameTableProps>;

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

@@ -0,0 +1,53 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GameTable = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("react");
+var rules_api_1 = require("@gamepark/rules-api");
+var react_zoom_pan_pinch_1 = require("react-zoom-pan-pinch");
+var hooks_1 = require("../../../hooks");
+var core_1 = require("@dnd-kit/core");
+var modifiers_1 = require("@dnd-kit/modifiers");
+var utils_1 = require("../utils");
+var GameTableContent_1 = require("./GameTableContent");
+var useStocks_1 = require("../../../hooks/useStocks");
+var DraggableMaterial_1 = require("../DraggableMaterial");
+var DropAreas_1 = require("../DropAreas");
+var wheel = { step: 0.05 };
+var doubleClick = { disabled: true };
+var GameTable = function (props) {
+    var _a = props.zoomMin, zoomMin = _a === void 0 ? 1 : _a, _b = props.zoomMax, zoomMax = _b === void 0 ? 1 : _b;
+    var _c = (0, react_1.useState)(false), dragging = _c[0], setDragging = _c[1];
+    var play = (0, hooks_1.usePlay)();
+    var playerId = (0, hooks_1.usePlayerId)();
+    var rules = (0, hooks_1.useRules)();
+    var legalMoves = (0, hooks_1.useLegalMoves)();
+    var stocks = (0, useStocks_1.useStocks)();
+    var onDragEnd = (0, react_1.useCallback)(function (event) {
+        setDragging(false);
+        if (event.over && (0, DraggableMaterial_1.isDraggedItem)(event.active.data.current) && (0, DropAreas_1.isDropLocation)(event.over.data.current)) {
+            var _a = event.active.data.current, type_1 = _a.type, index_1 = _a.index, displayIndex = _a.displayIndex;
+            var location_1 = event.over.data.current;
+            var moves = legalMoves.filter(function (move) { return rules.isMoveTrigger(move, function (move) { return (0, utils_1.isMoveThisItemToLocation)(move, type_1, index_1, location_1, stocks); }); });
+            if (moves.length === 1) {
+                play((0, rules_api_1.dropItemMove)(type_1, index_1, displayIndex), { local: true });
+                play(moves[0], { delayed: rules.isUnpredictableMove(moves[0], playerId) });
+            }
+        }
+    }, [play, rules, legalMoves]);
+    return ((0, jsx_runtime_1.jsx)(core_1.DndContext, __assign({ measuring: { draggable: { measure: core_1.getClientRect }, droppable: { measure: core_1.getClientRect } }, modifiers: [modifiers_1.snapCenterToCursor], onDragStart: function () { return setDragging(true); }, onDragEnd: onDragEnd, onDragCancel: function () { return setDragging(false); } }, { children: (0, jsx_runtime_1.jsx)(react_zoom_pan_pinch_1.TransformWrapper, __assign({ minScale: zoomMin / zoomMax, maxScale: 1, initialScale: zoomMin / zoomMax, centerOnInit: true, wheel: wheel, panning: { disabled: dragging }, disablePadding: true, doubleClick: doubleClick }, { children: (0, jsx_runtime_1.jsx)(GameTableContent_1.GameTableContent, __assign({}, props)) })) })));
+};
+exports.GameTable = GameTable;
+//# sourceMappingURL=GameTable.js.map

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

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

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

@@ -0,0 +1,18 @@
+/** @jsxImportSource @emotion/react */
+import { FC } from 'react';
+export type GameTableContentProps = {
+    xMin: number;
+    xMax: number;
+    yMin: number;
+    yMax: number;
+    zoomMin?: number;
+    zoomMax?: number;
+    perspective?: number;
+    margin?: {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    };
+};
+export declare const GameTableContent: FC<GameTableContentProps>;

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

@@ -0,0 +1,48 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GameTableContent = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("react");
+var react_2 = require("@emotion/react");
+var react_zoom_pan_pinch_1 = require("react-zoom-pan-pinch");
+var css_1 = require("../../../css");
+var GameMaterialDisplay_1 = require("./GameMaterialDisplay");
+var GameTableContent = function (props) {
+    var perspective = props.perspective, xMin = props.xMin, xMax = props.xMax, yMin = props.yMin, yMax = props.yMax, _a = props.zoomMax, zoomMax = _a === void 0 ? 1 : _a, _b = props.margin, margin = _b === void 0 ? { left: 0, right: 0, top: 7, bottom: 0 } : _b;
+    var centerView = (0, react_zoom_pan_pinch_1.useControls)().centerView;
+    (0, react_1.useEffect)(function () {
+        var handler = function () { return centerView(); };
+        window.addEventListener('resize', handler);
+        return function () {
+            window.removeEventListener('resize', handler);
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(react_zoom_pan_pinch_1.TransformComponent, __assign({ wrapperStyle: {
+            position: 'absolute',
+            margin: "".concat(margin.top, "em ").concat(margin.right, "em ").concat(margin.bottom, "em ").concat(margin.left, "em"),
+            transformStyle: 'preserve-3d',
+            height: "calc(100% - ".concat(margin.top + margin.bottom, "em)"),
+            width: "calc(100% - ".concat(margin.left + margin.right, "em)"),
+            overflow: 'visible'
+        } }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: [tableCss(xMin, xMax, yMin, yMax), (0, css_1.fontSizeCss)(zoomMax), perspective && (0, css_1.perspectiveCss)(perspective)] }, { children: (0, jsx_runtime_1.jsx)(GameMaterialDisplay_1.GameMaterialDisplay, {}) })) })));
+};
+exports.GameTableContent = GameTableContent;
+var tableCss = function (xMin, xMax, yMin, yMax) { return (0, react_2.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n  width: ", "em;\n  height: ", "em;\n\n  > * {\n    position: absolute;\n    top: ", "em;\n    left: ", "em;\n    transform-style: preserve-3d;\n  }\n"], ["\n  transform-style: preserve-3d;\n  width: ", "em;\n  height: ", "em;\n\n  > * {\n    position: absolute;\n    top: ", "em;\n    left: ", "em;\n    transform-style: preserve-3d;\n  }\n"])), xMax - xMin, yMax - yMin, -yMin, -xMin); };
+var templateObject_1;
+//# sourceMappingURL=GameTableContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GameTableContent.js","sourceRoot":"","sources":["../../../../src/components/material/GameTable/GameTableContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,+BAAqC;AACrC,wCAAoC;AACpC,6DAAsE;AACtE,oCAA0D;AAC1D,6DAA2D;AAapD,IAAM,gBAAgB,GAA8B,UAAC,KAAK;IACvD,IAAA,WAAW,GAA6F,KAAK,YAAlG,EAAE,IAAI,GAAuF,KAAK,KAA5F,EAAE,IAAI,GAAiF,KAAK,KAAtF,EAAE,IAAI,GAA2E,KAAK,KAAhF,EAAE,IAAI,GAAqE,KAAK,KAA1E,EAAE,KAAmE,KAAK,QAA7D,EAAX,OAAO,mBAAG,CAAC,KAAA,EAAE,KAAsD,KAAK,OAAV,EAAjD,MAAM,mBAAG,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAA,CAAU;IAE7G,IAAA,UAAU,GAAK,IAAA,kCAAW,GAAE,WAAlB,CAAkB;IACpC,IAAA,iBAAS,EAAC;QACR,IAAM,OAAO,GAAG,cAAM,OAAA,UAAU,EAAE,EAAZ,CAAY,CAAA;QAClC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAC1C,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAC/C,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,uBAAC,yCAAkB,aAAC,YAAY,EAAE;YAChC,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,UAAG,MAAM,CAAC,GAAG,gBAAM,MAAM,CAAC,KAAK,gBAAM,MAAM,CAAC,MAAM,gBAAM,MAAM,CAAC,IAAI,OAAI;YAC/E,cAAc,EAAE,aAAa;YAC7B,MAAM,EAAE,sBAAe,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,QAAK;YACtD,KAAK,EAAE,sBAAe,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,QAAK;YACrD,QAAQ,EAAE,SAAS;SACpB,gBACC,yCAAK,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,IAAA,iBAAW,EAAC,OAAO,CAAC,EAAE,WAAW,IAAI,IAAA,oBAAc,EAAC,WAAW,CAAC,CAAC,gBAC5G,uBAAC,yCAAmB,KAAE,IAClB,IACa,CACtB,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,gBAAgB,oBA0B5B;AAED,IAAM,QAAQ,GAAG,UAAC,IAAY,EAAE,IAAY,EAAE,IAAY,EAAE,IAAY,IAAK,WAAA,WAAG,+PAAA,8CAErE,EAAW,iBACV,EAAW,oDAIZ,EAAK,iBACJ,EAAK,+CAGhB,KATU,IAAI,GAAG,IAAI,EACV,IAAI,GAAG,IAAI,EAIZ,CAAC,IAAI,EACJ,CAAC,IAAI,GAR4D,CAW5E,CAAA"}

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

@@ -0,0 +1 @@
+export * from './GameTable';

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

@@ -0,0 +1,18 @@
+"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("./GameTable"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,4 @@
+export type ItemCustomization<Props, ItemId extends number = number> = {
+    [Property in keyof Props]: Props[Property] extends object | undefined ? ItemCustomization<Props[Property], ItemId> : ItemProp<Props[Property], ItemId>;
+};
+export type ItemProp<T, ItemId extends number = number> = T | Record<ItemId, T> | ((id?: ItemId) => T);

package/dist/components/material/Items.js

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

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

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

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

@@ -0,0 +1,28 @@
+import { Animation, AnimationContext, Animations } from '@gamepark/react-client';
+import { CreateItem, DeleteItem, DisplayedItem, ItemMove, MaterialGame, MaterialMove, MaterialRules, MoveItem } from '@gamepark/rules-api';
+import { Interpolation, Theme } from '@emotion/react';
+import { ItemLocator } from '../../locators';
+import { MaterialDescription } from './MaterialDescription';
+export declare class MaterialAnimations<P extends number = number, M extends number = number, L extends number = number> extends Animations<MaterialGame<P, M, L>, ItemMove<P, M, L>, P> {
+    getPreDuration(move: ItemMove<P, M, L>, context: AnimationContext<MaterialGame<P, M, L>, MaterialMove<P, M, L>, P>): number;
+    getPostDuration(move: ItemMove<P, M, L>, context: AnimationContext<MaterialGame<P, M, L>, MaterialMove<P, M, L>, P>): number;
+    moveDuration(_move: ItemMove<P, M, L>, _context: AnimationContext<MaterialGame<P, M, L>, MaterialMove<P, M, L>, P>): number;
+    getItemAnimation(item: DisplayedItem<M>, animation: Animation<ItemMove<P, M, L>>, context: ItemAnimationContext<P, M, L>): Interpolation<Theme>;
+    protected getCreateItemAnimation(item: DisplayedItem<M>, animation: Animation<CreateItem<P, M, L>>, context: ItemAnimationContext<P, M, L>): Interpolation<Theme>;
+    protected fadein(duration: number): import("@emotion/utils").SerializedStyles;
+    protected getStockLocation(itemType: M, { rules, ...context }: ItemAnimationContext<P, M, L>): string;
+    protected getKeyframesFromOrigin(origin: string, _item: DisplayedItem<M>, _animation: Animation<ItemMove<P, M, L>>, _context: ItemAnimationContext<P, M, L>): import("@emotion/serialize").Keyframes;
+    protected getMoveItemAnimation(item: DisplayedItem<M>, animation: Animation<MoveItem<P, M, L>>, context: ItemAnimationContext<P, M, L>): Interpolation<Theme>;
+    private closestItemRotation;
+    private transformItem;
+    private closestRotation;
+    private getRotation;
+    protected getKeyframesToDestination(destination: string, _item: DisplayedItem<M>, _animation: Animation<ItemMove<P, M, L>>, _context: ItemAnimationContext<P, M, L>): import("@emotion/serialize").Keyframes;
+    protected getDeleteItemAnimation(item: DisplayedItem<M>, animation: Animation<DeleteItem<M>>, context: ItemAnimationContext<P, M, L>): Interpolation<Theme>;
+}
+export type ItemAnimationContext<P extends number = number, M extends number = number, L extends number = number> = {
+    material: Record<M, MaterialDescription<P, M, L>>;
+    locators: Record<L, ItemLocator<P, M, L>>;
+    rules: MaterialRules<P, M, L>;
+    player?: P;
+};