@gamepark/react-game 6.0.0-alpha.0 → 6.2.0

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

@@ -1,14 +1,17 @@
-/** @jsxImportSource @emotion/react */
-import { FC } from 'react';
-import { DisplayedItem, MaterialItem } from '@gamepark/rules-api';
+/// <reference types="react" />
+import { DisplayedItem } from '@gamepark/rules-api';
 import { MaterialComponentProps } from './MaterialComponent';
-export type DraggableMaterialProps<P extends number = number, M extends number = number, L extends number = number> = {
-    item: MaterialItem<P, L>;
+export type DraggableMaterialProps<M extends number = number> = {
     index: number;
     displayIndex: number;
-    disabled?: boolean;
-    preTransform?: string;
-    postTransform?: string;
-} & MaterialComponentProps<number, P, M, L>;
-export declare const DraggableMaterial: FC<DraggableMaterialProps>;
-export declare function isDraggedItem<M extends number = number>(data?: Record<string, any>): data is DisplayedItem<M>;
+} & MaterialComponentProps<M>;
+export declare const DraggableMaterial: import("react").ForwardRefExoticComponent<{
+    index: number;
+    displayIndex: number;
+} & {
+    type: number;
+    itemId?: any;
+    onShortClick?: () => void;
+    onLongClick?: () => void;
+} & import("./MaterialDescription").ComponentCommonProps & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare function dataIsDisplayedItem<M extends number = number>(data?: Record<string, any>): data is DisplayedItem<M>;

package/dist/components/material/DraggableMaterial.js

@@ -25,11 +25,20 @@ 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.isDraggedItem = exports.DraggableMaterial = void 0;
+exports.dataIsDisplayedItem = exports.DraggableMaterial = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 /** @jsxImportSource @emotion/react */
 var react_1 = require("react");
@@ -40,73 +49,118 @@ var core_1 = require("@dnd-kit/core");
 var react_2 = require("@emotion/react");
 var utilities_1 = require("../../utilities");
 var hooks_1 = require("../../hooks");
-var useScale_1 = require("../../hooks/useScale");
-var GameProvider_1 = require("../GameProvider");
 var merge_1 = __importDefault(require("lodash/merge"));
-var fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
-var DraggableMaterial = function (_a) {
-    var item = _a.item, type = _a.type, index = _a.index, displayIndex = _a.displayIndex, disabled = _a.disabled, preTransform = _a.preTransform, postTransform = _a.postTransform, props = __rest(_a, ["item", "type", "index", "displayIndex", "disabled", "preTransform", "postTransform"]);
-    var displayedItem = { type: type, index: index, displayIndex: displayIndex };
+var react_merge_refs_1 = require("react-merge-refs");
+var react_zoom_pan_pinch_1 = require("react-zoom-pan-pinch");
+var isPlacedOnItem_1 = require("./utils/isPlacedOnItem");
+var isDroppedItem_1 = require("./utils/isDroppedItem");
+var useIsAnimatingPlayerAction_1 = require("./utils/useIsAnimatingPlayerAction");
+exports.DraggableMaterial = (0, react_1.forwardRef)(function (_a, ref) {
+    var highlight = _a.highlight, type = _a.type, index = _a.index, displayIndex = _a.displayIndex, props = __rest(_a, ["highlight", "type", "index", "displayIndex"]);
+    var context = (0, hooks_1.useMaterialContext)();
+    var material = context.material;
+    var item = useRevealedItem(type, index);
+    var itemContext = (0, react_1.useMemo)(function () { return (__assign(__assign({}, context), { type: type, index: index, displayIndex: displayIndex })); }, [context]);
+    var locator = context.locators[item.location.type];
+    var displayedItem = (0, react_1.useMemo)(function () { return ({ type: type, index: index, displayIndex: displayIndex }); }, [type, index, displayIndex]);
+    var play = (0, hooks_1.usePlay)();
+    var legalMoves = (0, hooks_1.useLegalMoves)();
+    var itemMoves = (0, react_1.useMemo)(function () {
+        return legalMoves.filter(function (move) { return material[type].canDrag(move, itemContext); });
+    }, [legalMoves, itemContext]);
+    var isAnimatingPlayerAction = (0, useIsAnimatingPlayerAction_1.useIsAnimatingPlayerAction)();
+    var disabled = !itemMoves.length || isAnimatingPlayerAction;
     var _b = (0, core_1.useDraggable)({
         id: "".concat(type, "_").concat(index, "_").concat(displayIndex),
         data: displayedItem,
         disabled: disabled
-    }), attributes = _b.attributes, listeners = _b.listeners, transform = _b.transform, setNodeRef = _b.setNodeRef;
+    }), attributes = _b.attributes, listeners = _b.listeners, selfTransform = _b.transform, setNodeRef = _b.setNodeRef;
+    var _c = (0, react_1.useState)(), draggedItem = _c[0], setDraggedItem = _c[1];
+    var isDraggingParent = (0, react_1.useMemo)(function () { return !!item && !!draggedItem && (0, isPlacedOnItem_1.isPlacedOnItem)(item, draggedItem, context); }, [item, draggedItem, context]);
+    var canDropToSameLocation = (0, react_1.useMemo)(function () {
+        if (!draggedItem)
+            return false;
+        var location = locator.locationDescription;
+        var description = material[draggedItem.type];
+        return legalMoves.some(function (move) { return description.canDrag(move, __assign(__assign({}, context), draggedItem)) && (location === null || location === void 0 ? void 0 : location.canDrop(move, item.location, context)); });
+    }, [item, draggedItem, legalMoves]);
+    var _d = (0, react_1.useState)(), parentTransform = _d[0], setParentTransform = _d[1];
+    var transform = selfTransform !== null && selfTransform !== void 0 ? selfTransform : parentTransform;
     // We need to delay a little the default transition removal when dragging starts, otherwise dnd-kit suffers from transform side effect
     // because we opted out from ignoring transform in the configuration (using: "draggable: { measure: getClientRect }")
-    var _c = (0, react_1.useState)(true), ignoreTransform = _c[0], setIgnoreTransform = _c[1];
+    var _e = (0, react_1.useState)(true), ignoreTransform = _e[0], setIgnoreTransform = _e[1];
     (0, react_1.useEffect)(function () {
-        if (transform !== null) {
+        if (transform) {
             var timeout_1 = setTimeout(function () { return setIgnoreTransform(false); });
             return function () { return clearTimeout(timeout_1); };
         }
         else {
             setIgnoreTransform(true);
         }
-    }, [transform !== null]);
-    var scale = (0, useScale_1.useScale)();
+    }, [!transform]);
+    var transformContext = (0, react_zoom_pan_pinch_1.useTransformContext)();
     var transformRef = (0, react_1.useRef)();
     if (transform && !ignoreTransform) {
         var x = transform.x, y = transform.y;
+        var scale = transformContext.transformState.scale;
         transformRef.current = "translate3d(".concat(Math.round(x / scale), "px, ").concat(y ? Math.round(y / scale) : 0, "px, 20em)");
     }
+    var animation = useItemAnimation(displayedItem);
+    var isDropped = (0, react_1.useMemo)(function () { return (0, isDroppedItem_1.isDroppedItem)(itemContext); }, [itemContext]);
+    var applyTransform = isDropped || !ignoreTransform || !!animation;
+    if (!applyTransform)
+        transformRef.current = undefined;
+    // Firefox bugs when the animation is immediately followed by the transition: we need to delay by 1 rerender putting back the transition
+    var _f = (0, react_1.useState)(!!animation), animating = _f[0], setAnimating = _f[1];
+    (0, react_1.useEffect)(function () { return setAnimating(!!animation); }, [!animation]);
+    var onDragStart = (0, react_1.useCallback)(function (event) { return dataIsDisplayedItem(event.active.data.current) && setDraggedItem(event.active.data.current); }, []);
+    var onDragMove = (0, react_1.useCallback)(function (event) { return isDraggingParent && setParentTransform(event.delta); }, [isDraggingParent]);
+    var onDragEnd = (0, react_1.useCallback)(function () {
+        setDraggedItem(undefined);
+        setParentTransform(undefined);
+    }, []);
+    (0, core_1.useDndMonitor)({ onDragStart: onDragStart, onDragEnd: onDragEnd, onDragMove: onDragMove });
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ css: [animationWrapperCss, animation] }, { children: (0, jsx_runtime_1.jsx)(MaterialComponent_1.MaterialComponent, __assign({ ref: (0, react_merge_refs_1.mergeRefs)([ref, setNodeRef]), type: type, itemId: item === null || item === void 0 ? void 0 : item.id, css: [
+                !applyTransform && !animating && transformTransition,
+                !disabled && noTouchAction,
+                disabled ? css_1.pointerCursorCss : transform ? css_1.grabbingCursor : css_1.grabCursor,
+                css_1.transformCss.apply(void 0, __spreadArray([applyTransform && transformRef.current], locator.transformItem(item, itemContext), false)),
+                canDropToSameLocation && noPointerEvents
+            ], highlight: highlight !== null && highlight !== void 0 ? highlight : (!disabled && !draggedItem) }, props, attributes, (0, utilities_1.combineEventListeners)(listeners !== null && listeners !== void 0 ? listeners : {}, props), { onLongClick: itemMoves.length === 1 ? function () { return play(itemMoves[0]); } : undefined })) })));
+});
+var animationWrapperCss = (0, react_2.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n\n  > * {\n    position: absolute;\n  }\n"], ["\n  transform-style: preserve-3d;\n\n  > * {\n    position: absolute;\n  }\n"])));
+var noTouchAction = (0, react_2.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  touch-action: none;\n"], ["\n  touch-action: none;\n"])));
+var noPointerEvents = (0, react_2.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  pointer-events: none;\n"], ["\n  pointer-events: none;\n"])));
+var transformTransition = (0, react_2.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  transition: transform 0.2s ease-in-out\n"], ["\n  transition: transform 0.2s ease-in-out\n"])));
+function dataIsDisplayedItem(data) {
+    return typeof (data === null || data === void 0 ? void 0 : data.type) === 'number' && typeof (data === null || data === void 0 ? void 0 : data.index) === 'number' && typeof (data === null || data === void 0 ? void 0 : data.displayIndex) === 'number';
+}
+exports.dataIsDisplayedItem = dataIsDisplayedItem;
+var useRevealedItem = function (type, index) {
+    var _a;
+    var animation = (0, hooks_1.useAnimation)(function (animation) { return (0, rules_api_1.isMoveItemType)(type, index)(animation.move); });
+    var game = (0, hooks_1.useGame)();
+    var item = (_a = game === null || game === void 0 ? void 0 : game.items[type]) === null || _a === void 0 ? void 0 : _a[index];
+    return (0, react_1.useMemo)(function () {
+        return item && typeof (animation === null || animation === void 0 ? void 0 : animation.move.reveal) === 'object' ? (0, merge_1.default)(JSON.parse(JSON.stringify(item)), animation.move.reveal) : item;
+    }, [item, animation === null || animation === void 0 ? void 0 : animation.move.reveal]);
+};
+var useItemAnimation = function (displayedItem) {
+    var _a, _b;
+    var type = displayedItem.type, index = displayedItem.index;
+    var context = (0, hooks_1.useMaterialContext)();
     var materialAnimations = (0, hooks_1.useMaterialAnimations)(type);
-    var context = (0, react_1.useContext)(GameProvider_1.gameContext);
-    var rules = (0, hooks_1.useRules)();
-    var player = (0, hooks_1.usePlayerId)();
-    var animations = (0, hooks_1.useAnimations)(function (animation) { return animation.action.playerId === player; });
-    var animation = (0, hooks_1.useAnimation)(function (animation) {
-        return ((0, rules_api_1.isCreateItem)(animation.move, type) && (0, rules_api_1.itemsCanMerge)(item, animation.move.item))
-            || ((0, rules_api_1.isMoveItem)(animation.move, type) && animation.move.itemIndex === index)
-            || ((0, rules_api_1.isDeleteItem)(animation.move, type) && animation.move.itemIndex === index);
-    });
-    var locator = context.locators[item.location.type];
-    var animationContext = __assign(__assign({}, context), { rules: rules, player: player });
-    var isItemToAnimate = !!animation && locator.isItemToAnimate(displayedItem, animation, animationContext);
-    var animationCss = isItemToAnimate && (materialAnimations === null || materialAnimations === void 0 ? void 0 : materialAnimations.getItemAnimation(displayedItem, animation, animationContext));
-    var isDroppedItem = (0, fast_deep_equal_1.default)(rules.game.droppedItem, displayedItem);
-    var applyTransform = isDroppedItem || !ignoreTransform;
-    if (isItemToAnimate && (0, rules_api_1.isMoveItem)(animation.move) && typeof animation.move.reveal === 'object') {
-        item = JSON.parse(JSON.stringify(item));
-        (0, merge_1.default)(item, animation.move.reveal);
+    var animations = (0, hooks_1.useAnimations)();
+    var item = (_b = (_a = context.game) === null || _a === void 0 ? void 0 : _a.items[type]) === null || _b === void 0 ? void 0 : _b[index];
+    if (!item || !materialAnimations)
+        return;
+    for (var _i = 0, animations_1 = animations; _i < animations_1.length; _i++) {
+        var animation = animations_1[_i];
+        var itemAnimation = materialAnimations.getItemAnimation(__assign(__assign({}, context), displayedItem), animation);
+        if (itemAnimation)
+            return itemAnimation;
     }
-    return ((0, jsx_runtime_1.jsx)(MaterialComponent_1.MaterialComponent, __assign({ ref: setNodeRef, type: type, itemId: item.id, css: [
-            !applyTransform && transformTransition(animation === null || animation === void 0 ? void 0 : animation.duration),
-            !disabled && noTouchAction,
-            disabled || animations.length ? css_1.pointerCursorCss : transform ? css_1.grabbingCursor : [css_1.shineEffect, css_1.grabCursor],
-            (0, css_1.transformCss)(preTransform, applyTransform && transformRef.current, postTransform),
-            animationCss
-        ] }, props, attributes, (0, utilities_1.combineEventListeners)(listeners !== null && listeners !== void 0 ? listeners : {}, props))));
-};
-exports.DraggableMaterial = DraggableMaterial;
-var noTouchAction = (0, react_2.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  touch-action: none;\n"], ["\n  touch-action: none;\n"])));
-var transformTransition = function (duration) {
-    if (duration === void 0) { duration = 0.2; }
-    return (0, react_2.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transition: transform ", "s ease-in-out\n"], ["\n  transition: transform ", "s ease-in-out\n"])), duration);
+    return;
 };
-function isDraggedItem(data) {
-    return typeof (data === null || data === void 0 ? void 0 : data.type) === 'number' && typeof (data === null || data === void 0 ? void 0 : data.index) === 'number' && typeof (data === null || data === void 0 ? void 0 : data.displayIndex) === 'number';
-}
-exports.isDraggedItem = isDraggedItem;
-var templateObject_1, templateObject_2;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=DraggableMaterial.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DraggableMaterial.js","sourceRoot":"","sources":["../../../src/components/material/DraggableMaterial.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,+BAAmE;AACnE,iDAA+J;AAC/J,yDAA+E;AAC/E,iCAAmG;AACnG,sCAA4C;AAC5C,wCAAoC;AACpC,6CAAuD;AACvD,qCAAuG;AACvG,iDAA+C;AAC/C,gDAAkE;AAElE,uDAAgC;AAChC,oEAAmC;AAW5B,IAAM,iBAAiB,GAA+B,UAAC,EAAoF;IAAlF,IAAA,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAA,EAAE,aAAa,mBAAA,EAAK,KAAK,cAAlF,sFAAoF,CAAF;IAE9I,IAAM,aAAa,GAAkB,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,YAAY,cAAA,EAAE,CAAA;IAC5D,IAAA,KAAmD,IAAA,mBAAY,EAAC;QACpE,EAAE,EAAE,UAAG,IAAI,cAAI,KAAK,cAAI,YAAY,CAAE;QACtC,IAAI,EAAE,aAAa;QACnB,QAAQ,UAAA;KACT,CAAC,EAJM,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAIlD,CAAA;IAEF,sIAAsI;IACtI,qHAAqH;IAC/G,IAAA,KAAwC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAArD,eAAe,QAAA,EAAE,kBAAkB,QAAkB,CAAA;IAC5D,IAAA,iBAAS,EAAC;QACR,IAAI,SAAS,KAAK,IAAI,EAAE;YACtB,IAAM,SAAO,GAAG,UAAU,CAAC,cAAM,OAAA,kBAAkB,CAAC,KAAK,CAAC,EAAzB,CAAyB,CAAC,CAAA;YAC3D,OAAO,cAAM,OAAA,YAAY,CAAC,SAAO,CAAC,EAArB,CAAqB,CAAA;SACnC;aAAM;YACL,kBAAkB,CAAC,IAAI,CAAC,CAAA;SACzB;IACH,CAAC,EAAE,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAA;IAExB,IAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,IAAM,YAAY,GAAG,IAAA,cAAM,GAAU,CAAA;IACrC,IAAI,SAAS,IAAI,CAAC,eAAe,EAAE;QACzB,IAAA,CAAC,GAAQ,SAAS,EAAjB,EAAE,CAAC,GAAK,SAAS,EAAd,CAAc;QAC1B,YAAY,CAAC,OAAO,GAAG,sBAAe,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,iBAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,cAAW,CAAA;KAC3G;IAED,IAAM,kBAAkB,GAAG,IAAA,6BAAqB,EAAC,IAAI,CAAC,CAAA;IACtD,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAwB,CAAA;IAC9D,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAkB,CAAA;IACxC,IAAM,MAAM,GAAG,IAAA,mBAAW,GAAE,CAAA;IAC5B,IAAM,UAAU,GAAG,IAAA,qBAAa,EAAe,UAAA,SAAS,IAAI,OAAA,SAAS,CAAC,MAAM,CAAC,QAAQ,KAAK,MAAM,EAApC,CAAoC,CAAC,CAAA;IACjG,IAAM,SAAS,GAAG,IAAA,oBAAY,EAAW,UAAA,SAAS;QAChD,OAAA,CAAC,IAAA,wBAAY,EAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IAAA,yBAAa,EAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;eAC7E,CAAC,IAAA,sBAAU,EAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC;eACxE,CAAC,IAAA,wBAAY,EAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC;IAF7E,CAE6E,CAC9E,CAAA;IACD,IAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IACpD,IAAM,gBAAgB,yBAA8B,OAAO,KAAE,KAAK,OAAA,EAAE,MAAM,QAAA,GAAE,CAAA;IAC5E,IAAM,eAAe,GAAG,CAAC,CAAC,SAAS,IAAI,OAAO,CAAC,eAAe,CAAC,aAAa,EAAE,SAAS,EAAE,gBAAgB,CAAC,CAAA;IAC1G,IAAM,YAAY,GAAG,eAAe,KAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,gBAAgB,CAAC,aAAa,EAAE,SAAS,EAAE,gBAAgB,CAAC,CAAA,CAAA;IACxH,IAAM,aAAa,GAAG,IAAA,yBAAK,EAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,CAAA;IAClE,IAAM,cAAc,GAAG,aAAa,IAAI,CAAC,eAAe,CAAA;IAExD,IAAI,eAAe,IAAI,IAAA,sBAAU,EAAC,SAAS,CAAC,IAAI,CAAC,IAAI,OAAO,SAAS,CAAC,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;QAC9F,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAA;QACvC,IAAA,eAAK,EAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;KACnC;IAED,OAAO,CACL,uBAAC,qCAAiB,aAAC,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAC5C,GAAG,EAAE;YACH,CAAC,cAAc,IAAI,mBAAmB,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CAAC;YAC3D,CAAC,QAAQ,IAAI,aAAa;YAC1B,QAAQ,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,sBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAc,CAAC,CAAC,CAAC,CAAC,iBAAW,EAAE,gBAAU,CAAC;YACzG,IAAA,kBAAY,EAAC,YAAY,EAAE,cAAc,IAAI,YAAY,CAAC,OAAO,EAAE,aAAa,CAAC;YACjF,YAAY;SACb,IACG,KAAK,EAAM,UAAU,EAAM,IAAA,iCAAqB,EAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,EAAE,KAAK,CAAC,EAAG,CACnG,CAAA;AACH,CAAC,CAAA;AA7DY,QAAA,iBAAiB,qBA6D7B;AAED,IAAM,aAAa,OAAG,WAAG,+FAAA,2BAExB,IAAA,CAAA;AAED,IAAM,mBAAmB,GAAG,UAAC,QAAsB;IAAtB,yBAAA,EAAA,cAAsB;IAAK,WAAA,WAAG,mHAAA,4BACjC,EAAQ,iBACjC,KADyB,QAAQ;AADsB,CAEvD,CAAA;AAED,SAAgB,aAAa,CAA4B,IAA0B;IACjF,OAAO,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAA,KAAK,QAAQ,IAAI,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAA,KAAK,QAAQ,IAAI,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,CAAA,KAAK,QAAQ,CAAA;AACpH,CAAC;AAFD,sCAEC"}
+{"version":3,"file":"DraggableMaterial.js","sourceRoot":"","sources":["../../../src/components/material/DraggableMaterial.tsx"],"names":[],"mappings":"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"}

package/dist/components/material/FlatMaterial/BoardDescription.d.ts

@@ -0,0 +1,3 @@
+import { FlatMaterialDescription } from './FlatMaterial';
+export declare abstract class BoardDescription<P extends number = number, M extends number = number, L extends number = number, ItemId = any> extends FlatMaterialDescription<P, M, L, ItemId> {
+}

package/dist/components/material/FlatMaterial/BoardDescription.js

@@ -0,0 +1,28 @@
+"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.BoardDescription = void 0;
+var FlatMaterial_1 = require("./FlatMaterial");
+var BoardDescription = /** @class */ (function (_super) {
+    __extends(BoardDescription, _super);
+    function BoardDescription() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return BoardDescription;
+}(FlatMaterial_1.FlatMaterialDescription));
+exports.BoardDescription = BoardDescription;
+//# sourceMappingURL=BoardDescription.js.map

package/dist/components/material/FlatMaterial/BoardDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoardDescription.js","sourceRoot":"","sources":["../../../../src/components/material/FlatMaterial/BoardDescription.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AAExD;IACU,oCAAwC;IADlD;;IAEA,CAAC;IAAD,uBAAC;AAAD,CAAC,AAFD,CACU,sCAAuB,GAChC;AAFqB,4CAAgB"}

package/dist/components/material/FlatMaterial/CardDescription.d.ts

@@ -0,0 +1,6 @@
+import { FlatMaterialDescription } from './FlatMaterial';
+export declare abstract class CardDescription<P extends number = number, M extends number = number, L extends number = number, ItemId = any> extends FlatMaterialDescription<P, M, L, ItemId> {
+    width: number;
+    ratio: number;
+    borderRadius: number;
+}

package/dist/components/material/FlatMaterial/CardDescription.js

@@ -0,0 +1,32 @@
+"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.CardDescription = void 0;
+var FlatMaterial_1 = require("./FlatMaterial");
+var CardDescription = /** @class */ (function (_super) {
+    __extends(CardDescription, _super);
+    function CardDescription() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.width = 6.35;
+        _this.ratio = 5 / 7;
+        _this.borderRadius = 0.4;
+        return _this;
+    }
+    return CardDescription;
+}(FlatMaterial_1.FlatMaterialDescription));
+exports.CardDescription = CardDescription;
+//# sourceMappingURL=CardDescription.js.map

package/dist/components/material/FlatMaterial/CardDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardDescription.js","sourceRoot":"","sources":["../../../../src/components/material/FlatMaterial/CardDescription.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AAExD;IACU,mCAAwC;IADlD;QAAA,qEAKC;QAHC,WAAK,GAAG,IAAI,CAAA;QACZ,WAAK,GAAG,CAAC,GAAG,CAAC,CAAA;QACb,kBAAY,GAAG,GAAG,CAAA;;IACpB,CAAC;IAAD,sBAAC;AAAD,CAAC,AALD,CACU,sCAAuB,GAIhC;AALqB,0CAAe"}

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

@@ -0,0 +1,35 @@
+/** @jsxImportSource @emotion/react */
+import { HTMLAttributes } from 'react';
+import { ComponentCommonProps, ComponentSize, MaterialDescription } from '../MaterialDescription';
+import { MaterialItem } from '@gamepark/rules-api';
+export type FlatMaterialProps = ComponentSize & ComponentCommonProps & {
+    image?: string;
+    back?: {
+        image?: string;
+    };
+    borderRadius?: number;
+};
+export declare const FlatMaterial: import("react").ForwardRefExoticComponent<ComponentSize & ComponentCommonProps & {
+    image?: string;
+    back?: {
+        image?: string;
+    };
+    borderRadius?: number;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare abstract class FlatMaterialDescription<P extends number = number, M extends number = number, L extends number = number, ItemId = any> extends MaterialDescription<P, M, L, ItemId> {
+    image?: string;
+    images?: Record<ItemId extends keyof any ? ItemId : never, string>;
+    getImage(itemId: ItemId): string | undefined;
+    backImage?: string;
+    backImages?: Record<ItemId extends keyof any ? ItemId : never, string>;
+    getBackImage(itemId: ItemId): string | undefined;
+    borderRadius?: number;
+    getBorderRadius(_itemId: ItemId): number | undefined;
+    getFlatMaterialProps(itemId: ItemId): FlatMaterialProps;
+    getImages(): string[];
+    protected getFrontId(itemId: ItemId): any;
+    protected getBackId(itemId: ItemId): any;
+    protected hasBackFace(): boolean;
+    isHidden(item: Partial<MaterialItem<P, L>>): boolean;
+}
+export declare function isFlatMaterialDescription<P extends number = number, M extends number = number, L extends number = number, ItemId = any>(description: MaterialDescription<P, M, L, ItemId>): description is FlatMaterialDescription<P, M, L, ItemId>;

package/dist/components/material/FlatMaterial/FlatMaterial.js

@@ -0,0 +1,128 @@
+"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 __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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.isFlatMaterialDescription = exports.FlatMaterialDescription = exports.FlatMaterial = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("react");
+var css_1 = require("../../../css");
+var MaterialDescription_1 = require("../MaterialDescription");
+var react_2 = require("@emotion/react");
+exports.FlatMaterial = (0, react_1.forwardRef)(function (_a, ref) {
+    var image = _a.image, width = _a.width, height = _a.height, back = _a.back, borderRadius = _a.borderRadius, highlight = _a.highlight, playDown = _a.playDown, children = _a.children, props = __rest(_a, ["image", "width", "height", "back", "borderRadius", "highlight", "playDown", "children"]);
+    if (!back) {
+        return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: ref, css: [
+                (0, css_1.sizeCss)(width, height),
+                image && [(0, css_1.backgroundCss)(image), (0, css_1.shadowCss)(image)],
+                borderRadius && (0, css_1.borderRadiusCss)(borderRadius),
+                highlight ? css_1.shineEffect : playDown && playDownCss(image)
+            ] }, props, { children: children })));
+    }
+    // TODO: we should be able to define children locations inside the back face too
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: ref, css: [css_1.preserve3d, (0, css_1.sizeCss)(width, height), borderRadius && (0, css_1.borderRadiusCss)(borderRadius)] }, props, { children: [(0, jsx_runtime_1.jsx)(Face, __assign({ image: image, css: [highlight ? css_1.shineEffect : playDown && playDownCss(image)] }, { children: children })), (0, jsx_runtime_1.jsx)(Face, { image: back.image, css: [(0, css_1.transformCss)('rotateY(-180deg)'), highlight && css_1.shineEffect, playDown && playDownCss(back.image)] })] })));
+});
+var Face = function (_a) {
+    var image = _a.image, props = __rest(_a, ["image"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ css: [faceCss, image && [(0, css_1.backgroundCss)(image), (0, css_1.shadowCss)(image)]] }, props)));
+};
+var faceCss = (0, react_2.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  backface-visibility: hidden;\n  border-radius: inherit;\n  box-shadow: 0 0 0.1em black;\n"], ["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  backface-visibility: hidden;\n  border-radius: inherit;\n  box-shadow: 0 0 0.1em black;\n"])));
+var FlatMaterialDescription = /** @class */ (function (_super) {
+    __extends(FlatMaterialDescription, _super);
+    function FlatMaterialDescription() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FlatMaterialDescription.prototype.getImage = function (itemId) {
+        var _a, _b;
+        return (_b = (_a = this.images) === null || _a === void 0 ? void 0 : _a[this.getFrontId(itemId)]) !== null && _b !== void 0 ? _b : this.image;
+    };
+    FlatMaterialDescription.prototype.getBackImage = function (itemId) {
+        var _a, _b;
+        return (_b = (_a = this.backImages) === null || _a === void 0 ? void 0 : _a[this.getBackId(itemId)]) !== null && _b !== void 0 ? _b : this.backImage;
+    };
+    FlatMaterialDescription.prototype.getBorderRadius = function (_itemId) {
+        return this.borderRadius;
+    };
+    FlatMaterialDescription.prototype.getFlatMaterialProps = function (itemId) {
+        return __assign(__assign({}, this.getSize(itemId)), { image: this.getImage(itemId), back: this.backImage || this.backImages ? { image: this.getBackImage(itemId) } : undefined, borderRadius: this.getBorderRadius(itemId) });
+    };
+    FlatMaterialDescription.prototype.getImages = function () {
+        var images = [];
+        if (this.image)
+            images.push(this.image);
+        if (this.images)
+            images.push.apply(images, Object.values(this.images));
+        if (this.backImage)
+            images.push(this.backImage);
+        if (this.backImages)
+            images.push.apply(images, Object.values(this.backImages));
+        return images;
+    };
+    FlatMaterialDescription.prototype.getFrontId = function (itemId) {
+        return typeof itemId === 'object' ? itemId.front : itemId;
+    };
+    FlatMaterialDescription.prototype.getBackId = function (itemId) {
+        return typeof itemId === 'object' ? itemId.back : itemId;
+    };
+    FlatMaterialDescription.prototype.hasBackFace = function () {
+        return !!this.backImage || !!this.backImages;
+    };
+    FlatMaterialDescription.prototype.isHidden = function (item) {
+        return this.hasBackFace() && this.getFrontId(item.id) === undefined;
+    };
+    return FlatMaterialDescription;
+}(MaterialDescription_1.MaterialDescription));
+exports.FlatMaterialDescription = FlatMaterialDescription;
+function isFlatMaterialDescription(description) {
+    return typeof description.getFlatMaterialProps === 'function';
+}
+exports.isFlatMaterialDescription = isFlatMaterialDescription;
+var playDownCss = function (image) {
+    if (image === null || image === void 0 ? void 0 : image.endsWith('.jpg')) {
+        return css_1.shadowEffect;
+    }
+    else {
+        return (0, react_2.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      filter: brightness(0.5);\n    "], ["\n      filter: brightness(0.5);\n    "])));
+    }
+};
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=FlatMaterial.js.map

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

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

package/dist/components/material/FlatMaterial/TokenDescription.d.ts

@@ -0,0 +1,10 @@
+import { FlatMaterialDescription } from './FlatMaterial';
+import { ComponentSize } from '../MaterialDescription';
+export declare abstract class TokenDescription<P extends number = number, M extends number = number, L extends number = number, ItemId = any> extends FlatMaterialDescription<P, M, L, ItemId> {
+    ratio: number;
+}
+export declare abstract class RoundTokenDescription<P extends number = number, M extends number = number, L extends number = number, ItemId = any> extends TokenDescription<P, M, L, ItemId> {
+    abstract diameter: number;
+    getSize(_itemId: ItemId): ComponentSize;
+    getBorderRadius(): number;
+}

package/dist/components/material/FlatMaterial/TokenDescription.js

@@ -0,0 +1,44 @@
+"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.RoundTokenDescription = exports.TokenDescription = void 0;
+var FlatMaterial_1 = require("./FlatMaterial");
+var TokenDescription = /** @class */ (function (_super) {
+    __extends(TokenDescription, _super);
+    function TokenDescription() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.ratio = 1;
+        return _this;
+    }
+    return TokenDescription;
+}(FlatMaterial_1.FlatMaterialDescription));
+exports.TokenDescription = TokenDescription;
+var RoundTokenDescription = /** @class */ (function (_super) {
+    __extends(RoundTokenDescription, _super);
+    function RoundTokenDescription() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RoundTokenDescription.prototype.getSize = function (_itemId) {
+        return { width: this.diameter, height: this.diameter };
+    };
+    RoundTokenDescription.prototype.getBorderRadius = function () {
+        return this.diameter / 2;
+    };
+    return RoundTokenDescription;
+}(TokenDescription));
+exports.RoundTokenDescription = RoundTokenDescription;
+//# sourceMappingURL=TokenDescription.js.map

package/dist/components/material/FlatMaterial/TokenDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenDescription.js","sourceRoot":"","sources":["../../../../src/components/material/FlatMaterial/TokenDescription.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AAGxD;IACU,oCAAwC;IADlD;QAAA,qEAGC;QADC,WAAK,GAAG,CAAC,CAAA;;IACX,CAAC;IAAD,uBAAC;AAAD,CAAC,AAHD,CACU,sCAAuB,GAEhC;AAHqB,4CAAgB;AAKtC;IACU,yCAAiC;IAD3C;;IAYA,CAAC;IAPU,uCAAO,GAAhB,UAAiB,OAAe;QAC9B,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAA;IACxD,CAAC;IAEQ,+CAAe,GAAxB;QACE,OAAO,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;IAC1B,CAAC;IACH,4BAAC;AAAD,CAAC,AAZD,CACU,gBAAgB,GAWzB;AAZqB,sDAAqB"}

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

@@ -0,0 +1,4 @@
+export * from './BoardDescription';
+export * from './CardDescription';
+export * from './FlatMaterial';
+export * from './TokenDescription';

package/dist/components/material/{Card → FlatMaterial}/index.js

@@ -14,5 +14,8 @@ 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("./Card"), exports);
+__exportStar(require("./BoardDescription"), exports);
+__exportStar(require("./CardDescription"), exports);
+__exportStar(require("./FlatMaterial"), exports);
+__exportStar(require("./TokenDescription"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/material/FlatMaterial/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAkC;AAClC,oDAAiC;AACjC,iDAA8B;AAC9B,qDAAkC"}