@gamepark/react-game 6.0.0-alpha.0

package/dist/components/dialogs/RulesDialog/MaterialRulesDialog.js

@@ -0,0 +1,42 @@
+"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.MaterialRulesDialog = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("react");
+var index_1 = require("../index");
+var rules_api_1 = require("@gamepark/rules-api");
+var MaterialRulesDialogContent_1 = require("./MaterialRulesDialogContent");
+var LocationRulesDialogContent_1 = require("./LocationRulesDialogContent");
+var utils_1 = require("../../material/utils");
+var GameProvider_1 = require("../../GameProvider");
+var hooks_1 = require("../../../hooks");
+var MaterialRulesDialog = function (props) {
+    var _a = (0, react_1.useContext)(GameProvider_1.gameContext), material = _a.material, locators = _a.locators;
+    var rules = (0, hooks_1.useRules)();
+    var legalMoves = (0, hooks_1.useLegalMoves)();
+    var _b = (0, react_1.useState)(rules === null || rules === void 0 ? void 0 : rules.game.rulesDisplay), rulesDisplay = _b[0], setRulesDisplay = _b[1];
+    (0, react_1.useEffect)(function () {
+        if (rules === null || rules === void 0 ? void 0 : rules.game.rulesDisplay)
+            setRulesDisplay(game.rulesDisplay);
+    }, [rules === null || rules === void 0 ? void 0 : rules.game.rulesDisplay]);
+    if (!material || !locators || !rules)
+        return null;
+    var game = rules.game;
+    return ((0, jsx_runtime_1.jsxs)(index_1.RulesDialog, __assign({}, props, { children: [rules && (rulesDisplay === null || rulesDisplay === void 0 ? void 0 : rulesDisplay.type) === rules_api_1.RulesDisplayType.Material &&
+                (0, jsx_runtime_1.jsx)(MaterialRulesDialogContent_1.MaterialRulesDialogContent, { rulesDisplay: rulesDisplay, material: material, legalMoves: legalMoves.filter(function (move) { return rules.isMoveTrigger(move, function (move) { return (0, utils_1.isMoveThisItem)(move, rulesDisplay.itemType, rulesDisplay.itemIndex); }); }) }), rules && (rulesDisplay === null || rulesDisplay === void 0 ? void 0 : rulesDisplay.type) === rules_api_1.RulesDisplayType.Location &&
+                (0, jsx_runtime_1.jsx)(LocationRulesDialogContent_1.LocationRulesDialogContent, { rulesDisplay: rulesDisplay, material: material, locator: locators[rulesDisplay.location.type], legalMoves: legalMoves.filter(function (move) { return rules === null || rules === void 0 ? void 0 : rules.isMoveTrigger(move, function (move) { return (0, utils_1.isMoveToLocation)(move, rulesDisplay.location); }); }) })] })));
+};
+exports.MaterialRulesDialog = MaterialRulesDialog;
+//# sourceMappingURL=MaterialRulesDialog.js.map

package/dist/components/dialogs/RulesDialog/MaterialRulesDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialRulesDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/MaterialRulesDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,+BAA2D;AAC3D,kCAAwD;AACxD,iDAAmF;AACnF,2EAAyE;AACzE,2EAAyE;AACzE,8CAAuE;AACvE,mDAAgD;AAChD,wCAAwD;AAEjD,IAAM,mBAAmB,GAAyB,UAAC,KAAuB;IACzE,IAAA,KAAyB,IAAA,kBAAU,EAAC,0BAAW,CAAC,EAA9C,QAAQ,cAAA,EAAE,QAAQ,cAA4B,CAAA;IACtD,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAiB,CAAA;IACvC,IAAM,UAAU,GAAG,IAAA,qBAAa,GAAgB,CAAA;IAC1C,IAAA,KAAkC,IAAA,gBAAQ,EAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,YAAY,CAAC,EAAnE,YAAY,QAAA,EAAE,eAAe,QAAsC,CAAA;IAC1E,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,YAAY;YAAE,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAClE,CAAC,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAA;IAE9B,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IACjD,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;IAEvB,OAAO,CACL,wBAAC,mBAAW,eAAK,KAAK,eACnB,KAAK,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,MAAK,4BAAgB,CAAC,QAAQ;gBACxD,uBAAC,uDAA0B,IAAC,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAC9C,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,UAAA,IAAI,IAAI,OAAA,IAAA,sBAAc,EAAC,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,SAAS,CAAC,EAAnE,CAAmE,CAAC,EAAtG,CAAsG,CAAC,GAAG,EAE7K,KAAK,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,MAAK,4BAAgB,CAAC,QAAQ;gBACxD,uBAAC,uDAA0B,IAAC,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7F,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,CAAC,IAAI,EAAE,UAAA,IAAI,IAAI,OAAA,IAAA,wBAAgB,EAAC,IAAI,EAAE,YAAY,CAAC,QAAQ,CAAC,EAA7C,CAA6C,CAAC,EAAjF,CAAiF,CAAC,GAAG,KAE7I,CACf,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,mBAAmB,uBAwB/B"}

package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.d.ts

@@ -0,0 +1,9 @@
+/** @jsxImportSource @emotion/react */
+import { MaterialMove, MaterialRulesDisplay } from '@gamepark/rules-api';
+import { MaterialDescription } from '../../material';
+export type MaterialRulesDialogContentProps<Player extends number = number, MaterialType extends number = number, LocationType extends number = number> = {
+    rulesDisplay: MaterialRulesDisplay;
+    material: Record<MaterialType, MaterialDescription>;
+    legalMoves: MaterialMove<Player, MaterialType, LocationType>[];
+};
+export declare const MaterialRulesDialogContent: <P extends number = number, M extends number = number, L extends number = number>({ rulesDisplay, material, legalMoves }: MaterialRulesDialogContentProps<P, M, L>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.js

@@ -0,0 +1,49 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MaterialRulesDialogContent = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var rules_api_1 = require("@gamepark/rules-api");
+var react_1 = require("@emotion/react");
+var react_custom_scrollbars_2_1 = __importDefault(require("react-custom-scrollbars-2"));
+var material_1 = require("../../material");
+var css_1 = require("../../../css");
+var hooks_1 = require("../../../hooks");
+var MaterialRulesDialogContent = function (_a) {
+    var rulesDisplay = _a.rulesDisplay, material = _a.material, legalMoves = _a.legalMoves;
+    var play = (0, hooks_1.usePlay)();
+    var description = material[rulesDisplay.itemType];
+    var RulesContent = description.rules;
+    var item = rulesDisplay.item;
+    var height = (0, material_1.getPropForItem)(description.props.height, item.id);
+    var width = height * (0, material_1.getPropForItem)(description.props.ratio, item.id);
+    return (0, jsx_runtime_1.jsxs)("div", __assign({ css: flex }, { children: [(0, jsx_runtime_1.jsx)(material_1.MaterialComponent, { type: rulesDisplay.itemType, itemId: item.id, css: [
+                    noShrink, (0, css_1.fontSizeCss)(Math.min(75 / height, 75 / width, 10)),
+                    description.type === material_1.MaterialComponentType.Card && item.id === undefined && (0, css_1.transformCss)('rotateY(180deg)')
+                ] }), (0, jsx_runtime_1.jsx)(react_custom_scrollbars_2_1.default, __assign({ autoHeight: true, css: scrollableContainer }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: rules }, { children: (0, jsx_runtime_1.jsx)(RulesContent, { item: item, legalMoves: legalMoves, close: function () { return play(rules_api_1.closeRulesDisplay, { local: true }); } }) })) }))] }));
+};
+exports.MaterialRulesDialogContent = MaterialRulesDialogContent;
+var flex = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  padding: 3em 1em 3em 3em;\n  max-width: 90vw;\n  max-height: 90vh;\n"], ["\n  display: flex;\n  padding: 3em 1em 3em 3em;\n  max-width: 90vw;\n  max-height: 90vh;\n"])));
+var noShrink = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-shrink: 0;\n"], ["\n  flex-shrink: 0;\n"])));
+var rules = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0 1em;\n  font-size: 3em;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"], ["\n  margin: 0 1em;\n  font-size: 3em;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"])));
+var scrollableContainer = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  max-height: calc(90vh - 6em) !important;\n\n  > div {\n    max-height: calc(90vh - 6em + 17px) !important;\n\n    // trick to avoid very thin bar on some resolutions with react-custom-scrollbars-2\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    ::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n    }\n  }\n"], ["\n  max-height: calc(90vh - 6em) !important;\n\n  > div {\n    max-height: calc(90vh - 6em + 17px) !important;\n\n    // trick to avoid very thin bar on some resolutions with react-custom-scrollbars-2\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    ::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n    }\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=MaterialRulesDialogContent.js.map

package/dist/components/dialogs/RulesDialog/MaterialRulesDialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialRulesDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/MaterialRulesDialogContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,iDAA2F;AAC3F,wCAAoC;AACpC,wFAAkD;AAClD,2CAA8G;AAC9G,oCAAwD;AACxD,wCAAwC;AAQjC,IAAM,0BAA0B,GAAG,UACxC,EAAgF;QAA9E,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA;IAEpC,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,IAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;IACnD,IAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAA;IACtC,IAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAA;IAC9B,IAAM,MAAM,GAAG,IAAA,yBAAc,EAAC,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;IAChE,IAAM,KAAK,GAAG,MAAM,GAAG,IAAA,yBAAc,EAAC,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;IACvE,OAAO,0CAAK,GAAG,EAAE,IAAI,iBACnB,uBAAC,4BAAiB,IAAC,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE;oBACpE,QAAQ,EAAE,IAAA,iBAAW,EAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC;oBAC5D,WAAW,CAAC,IAAI,KAAK,gCAAqB,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS,IAAI,IAAA,kBAAY,EAAC,iBAAiB,CAAC;iBAC5G,GAAG,EACJ,uBAAC,mCAAU,aAAC,UAAU,QAAC,GAAG,EAAE,mBAAmB,gBAC7C,yCAAK,GAAG,EAAE,KAAK,gBACb,uBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,cAAM,OAAA,IAAI,CAAC,6BAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAxC,CAAwC,GAAG,IACtG,IACK,KACT,CAAA;AACR,CAAC,CAAA;AApBY,QAAA,0BAA0B,8BAoBtC;AAED,IAAM,IAAI,OAAG,WAAG,gKAAA,4FAKf,IAAA,CAAA;AAED,IAAM,QAAQ,OAAG,WAAG,2FAAA,uBAEnB,IAAA,CAAA;AAED,IAAM,KAAK,OAAG,WAAG,2NAAA,uJAYhB,IAAA,CAAA;AAED,IAAM,mBAAmB,OAAG,WAAG,uZAAA,mVAe9B,IAAA,CAAA"}

package/dist/components/dialogs/RulesDialog/RulesDialog.d.ts

@@ -0,0 +1,7 @@
+/** @jsxImportSource @emotion/react */
+import { FC } from 'react';
+import { DialogProps } from '../index';
+export type RulesDialogProps = {
+    close: () => void;
+} & DialogProps;
+export declare const RulesDialog: FC<RulesDialogProps>;

package/dist/components/dialogs/RulesDialog/RulesDialog.js

@@ -0,0 +1,44 @@
+"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.RulesDialog = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var index_1 = require("../index");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var faXmark_1 = require("@fortawesome/free-solid-svg-icons/faXmark");
+var react_1 = require("@emotion/react");
+var css_1 = require("../../../css");
+var RulesDialog = function (_a) {
+    var close = _a.close, children = _a.children, props = __rest(_a, ["close", "children"]);
+    return ((0, jsx_runtime_1.jsxs)(index_1.Dialog, __assign({ css: rulesDialogCss, onBackdropClick: close }, props, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faXmark_1.faXmark, css: dialogCloseIcon, onClick: close }), (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, __assign({ theme: function (theme) { return (__assign(__assign({}, theme), { buttons: (0, css_1.buttonCss)('#002448', '#c2ebf1', '#ade4ec') })); } }, { children: children }))] })));
+};
+exports.RulesDialog = RulesDialog;
+var dialogCloseIcon = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  right: 0.5em;\n  top: 0.3em;\n  font-size: 4em;\n  cursor: pointer;\n  z-index: 100;\n"], ["\n  position: absolute;\n  right: 0.5em;\n  top: 0.3em;\n  font-size: 4em;\n  cursor: pointer;\n  z-index: 100;\n"])));
+var rulesDialogCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  background-color: #f0fbfc;\n  color: #002448;\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n  font-family: \"Mulish\", sans-serif;\n"], ["\n  position: relative;\n  background-color: #f0fbfc;\n  color: #002448;\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n  font-family: \"Mulish\", sans-serif;\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=RulesDialog.js.map

package/dist/components/dialogs/RulesDialog/RulesDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RulesDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/RulesDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,kCAA8C;AAC9C,oEAAgE;AAChE,qEAAmE;AACnE,wCAAmD;AACnD,oCAAwC;AAMjC,IAAM,WAAW,GAAyB,UAAC,EAA+C;IAA7C,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAC3E,OAAO,CACL,wBAAC,cAAM,aAAC,GAAG,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,IAAM,KAAK,eAC5D,uBAAC,mCAAe,IAAC,IAAI,EAAE,iBAAO,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,GAAG,EACvE,uBAAC,qBAAa,aAAC,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,uBAAM,KAAK,KAAE,OAAO,EAAE,IAAA,eAAS,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,IAAG,EAAnE,CAAmE,gBAC/F,QAAQ,IACK,KACT,CACV,CAAA;AACH,CAAC,CAAA;AATY,QAAA,WAAW,eASvB;AAED,IAAM,eAAe,OAAG,WAAG,uLAAA,mHAO1B,IAAA,CAAA;AAED,IAAM,cAAc,OAAG,WAAG,gQAAA,4LAQzB,IAAA,CAAA"}

package/dist/components/dialogs/RulesDialog/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MaterialRulesDialog';
+export * from './RulesDialog';

package/dist/components/dialogs/RulesDialog/index.js

@@ -0,0 +1,19 @@
+"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("./MaterialRulesDialog"), exports);
+__exportStar(require("./RulesDialog"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/dialogs/RulesDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAqC;AACrC,gDAA6B"}

package/dist/components/dialogs/index.d.ts

@@ -0,0 +1,4 @@
+export * from './RulesDialog';
+export * from './Dialog';
+export * from './FailuresDialog';
+export * from './ResultDialog';

package/dist/components/dialogs/index.js

@@ -0,0 +1,21 @@
+"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("./RulesDialog"), exports);
+__exportStar(require("./Dialog"), exports);
+__exportStar(require("./FailuresDialog"), exports);
+__exportStar(require("./ResultDialog"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/dialogs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/dialogs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA6B;AAC7B,2CAAwB;AACxB,mDAAgC;AAChC,iDAA8B"}

package/dist/components/index.d.ts

@@ -0,0 +1,12 @@
+export * from './buttons';
+export * from './dialogs';
+export * from './GameProvider';
+export * from './Header';
+export * from './ImagesLoader';
+export * from './Letterbox';
+export * from './LoadingScreen';
+export * from './material';
+export * from './menus';
+export * from './Picture';
+export * from './PlayerPanel';
+export * from './PlayerTimer';

package/dist/components/index.js

@@ -0,0 +1,29 @@
+"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("./buttons"), exports);
+__exportStar(require("./dialogs"), exports);
+__exportStar(require("./GameProvider"), exports);
+__exportStar(require("./Header"), exports);
+__exportStar(require("./ImagesLoader"), exports);
+__exportStar(require("./Letterbox"), exports);
+__exportStar(require("./LoadingScreen"), exports);
+__exportStar(require("./material"), exports);
+__exportStar(require("./menus"), exports);
+__exportStar(require("./Picture"), exports);
+__exportStar(require("./PlayerPanel"), exports);
+__exportStar(require("./PlayerTimer"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyB;AACzB,4CAAyB;AACzB,iDAA8B;AAC9B,2CAAwB;AACxB,iDAA8B;AAC9B,8CAA2B;AAC3B,kDAA+B;AAC/B,6CAA0B;AAC1B,0CAAuB;AACvB,4CAAyB;AACzB,gDAA6B;AAC7B,gDAA6B"}

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

@@ -0,0 +1,17 @@
+/** @jsxImportSource @emotion/react */
+import { HTMLAttributes } from 'react';
+import { ComponentSize } from '../../../css';
+import { CommonMaterialDescription, MaterialLocationsFunction } from '../MaterialDescription';
+import { MaterialComponentType } from '../MaterialComponentType';
+import { ItemCustomization } from '../Items';
+export type BoardProps = {
+    image: string;
+} & ComponentSize;
+export declare const Board: import("react").ForwardRefExoticComponent<{
+    image: string;
+} & ComponentSize & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type BoardMaterialDescription<P extends number = number, M extends number = number, L extends number = number, ItemId extends number = number> = CommonMaterialDescription<P, M, L> & {
+    type: typeof MaterialComponentType.Board;
+    props: ItemCustomization<BoardProps, ItemId>;
+    getLocations?: MaterialLocationsFunction<ItemId>;
+};

package/dist/components/material/Board/Board.js

@@ -0,0 +1,34 @@
+"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 __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.Board = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("react");
+var css_1 = require("../../../css");
+exports.Board = (0, react_1.forwardRef)(function (_a, ref) {
+    var image = _a.image, height = _a.height, ratio = _a.ratio, props = __rest(_a, ["image", "height", "ratio"]);
+    return (0, jsx_runtime_1.jsx)("div", __assign({ ref: ref, css: [(0, css_1.sizeCss)({ height: height, ratio: ratio }), (0, css_1.backgroundCss)(image)] }, props));
+});
+//# sourceMappingURL=Board.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Board.js","sourceRoot":"","sources":["../../../../src/components/material/Board/Board.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,+BAAkD;AAClD,oCAAoE;AASvD,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA8D,UAAC,EAAkC,EAAE,GAAG;IAArC,IAAA,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAAhC,4BAAkC,CAAF;IAC5H,OAAA,yCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,IAAA,aAAO,EAAC,EAAE,MAAM,QAAA,EAAE,KAAK,OAAA,EAAE,CAAC,EAAE,IAAA,mBAAa,EAAC,KAAK,CAAC,CAAC,IAAM,KAAK,EAAG,CAAA;CAAA,CACrF,CAAA"}

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

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

package/dist/components/material/Board/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("./Board"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,23 @@
+import { FC, HTMLAttributes } from 'react';
+import { ComponentSize } from '../../../css';
+import { MaterialComponentType } from '../MaterialComponentType';
+import { ItemCustomization } from '../Items';
+import { CommonMaterialDescription } from '../MaterialDescription';
+export type CardProps = {
+    front: CardFaceProps;
+    back?: CardFaceProps;
+    borderRadius?: number;
+} & ComponentSize;
+export declare const Card: import("react").ForwardRefExoticComponent<{
+    front: CardFaceProps;
+    back?: CardFaceProps;
+    borderRadius?: number;
+} & ComponentSize & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type CardFaceProps = {
+    image?: string;
+};
+export declare const CardFace: FC<CardFaceProps & HTMLAttributes<HTMLDivElement>>;
+export type CardMaterialDescription<P extends number = number, M extends number = number, L extends number = number, ItemId extends number = number> = CommonMaterialDescription<P, M, L> & {
+    type: typeof MaterialComponentType.Card;
+    props: ItemCustomization<CardProps, ItemId>;
+};

package/dist/components/material/Card/Card.js

@@ -0,0 +1,49 @@
+"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.CardFace = exports.Card = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var react_2 = require("react");
+var css_1 = require("../../../css");
+exports.Card = (0, react_2.forwardRef)(function (_a, ref) {
+    var height = _a.height, ratio = _a.ratio, front = _a.front, back = _a.back, _b = _a.borderRadius, borderRadius = _b === void 0 ? height / 15 : _b, props = __rest(_a, ["height", "ratio", "front", "back", "borderRadius"]);
+    return (0, jsx_runtime_1.jsxs)("div", __assign({ ref: ref, css: [cardCss, (0, css_1.sizeCss)({ height: height, ratio: ratio }), (0, css_1.borderRadiusCss)(borderRadius)] }, props, { children: [(0, jsx_runtime_1.jsx)(exports.CardFace, __assign({}, front)), back && (0, jsx_runtime_1.jsx)(exports.CardFace, __assign({}, back, { css: flip }))] }));
+});
+var CardFace = function (_a) {
+    var image = _a.image, props = __rest(_a, ["image"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ css: [cardFaceCss, image && backgroundImage(image)] }, props)));
+};
+exports.CardFace = CardFace;
+var cardCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n"], ["\n  transform-style: preserve-3d;\n"])));
+var cardFaceCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __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 flip = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  transform: rotateY(-180deg);\n"], ["\n  transform: rotateY(-180deg);\n"])));
+var backgroundImage = function (image) { return (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-image: url(", ");\n  background-size: cover;\n"], ["\n  background-image: url(", ");\n  background-size: cover;\n"])), image); };
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/material/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,+BAAsD;AACtD,oCAAsE;AAWzD,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,UAAC,EAAoE,EAAE,GAAG;IAAvE,IAAA,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,oBAA0B,EAA1B,YAAY,mBAAG,MAAM,GAAG,EAAE,KAAA,EAAK,KAAK,cAAlE,oDAAoE,CAAF;IACjE,OAAA,0CAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,IAAA,aAAO,EAAC,EAAE,MAAM,QAAA,EAAE,KAAK,OAAA,EAAE,CAAC,EAAE,IAAA,qBAAe,EAAC,YAAY,CAAC,CAAC,IAAM,KAAK,eACjG,uBAAC,gBAAQ,eAAK,KAAK,EAAG,EACrB,IAAI,IAAI,uBAAC,gBAAQ,eAAK,IAAI,IAAE,GAAG,EAAE,IAAI,IAAG,KACrC,CAAA;CAAA,CACT,CAAA;AAMM,IAAM,QAAQ,GAAuD,UAAC,EAAmB;IAAjB,IAAA,KAAK,WAAA,EAAK,KAAK,cAAjB,SAAmB,CAAF;IAAO,OAAA,CACnG,yCAAK,GAAG,EAAE,CAAC,WAAW,EAAE,KAAK,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC,IAAM,KAAK,EAE7D,CACP,CAAA;CAAA,CAAA;AAJY,QAAA,QAAQ,YAIpB;AAED,IAAM,OAAO,OAAG,WAAG,yGAAA,qCAElB,IAAA,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,2NAAA,uJAOtB,IAAA,CAAA;AAED,IAAM,IAAI,OAAG,WAAG,wGAAA,oCAEf,IAAA,CAAA;AAED,IAAM,eAAe,GAAG,UAAC,KAAa,IAAK,WAAA,WAAG,mIAAA,4BACpB,EAAK,iCAE9B,KAFyB,KAAK,GADY,CAG1C,CAAA"}

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

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

package/dist/components/material/Card/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("./Card"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,14 @@
+/** @jsxImportSource @emotion/react */
+import { FC } from 'react';
+import { DisplayedItem, MaterialItem } 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>;
+    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>;

package/dist/components/material/DraggableMaterial.js

@@ -0,0 +1,112 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __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;
+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 MaterialComponent_1 = require("./MaterialComponent");
+var css_1 = require("../../css");
+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 _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;
+    // 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];
+    (0, react_1.useEffect)(function () {
+        if (transform !== null) {
+            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)();
+    var transformRef = (0, react_1.useRef)();
+    if (transform && !ignoreTransform) {
+        var x = transform.x, y = transform.y;
+        transformRef.current = "translate3d(".concat(Math.round(x / scale), "px, ").concat(y ? Math.round(y / scale) : 0, "px, 20em)");
+    }
+    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);
+    }
+    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);
+};
+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;
+//# sourceMappingURL=DraggableMaterial.js.map

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

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