npm - @gamepark/react-game - Versions diffs - 6.16.0 → 6.17.2 - Mend

@gamepark/react-game 6.16.0 → 6.17.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (235) hide show

package/dist/components/tutorial/MaterialTutorial.js CHANGED Viewed

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

package/dist/components/tutorial/MaterialTutorial.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MaterialTutorial.js","sourceRoot":"","sources":["../../../src/components/tutorial/MaterialTutorial.ts"],"names":[],"mappings":"~~;;;;;;~~AACA,~~iDAW4B~~;~~AAC5B,oEAAmC~~;~~AAEnC,uDAAgC;AAGhC;~~IAAA;IA8BA,CAAC;IAvBC,mCAAQ,GAAR,UAAS,IAA2B,EAAE,IAAO;;QAC3C,OAAO,IAAI,oBAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,IAAI,CAAC,mCAAI,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAvB,CAAuB,CAAC,CAAC,CAAA;IACrH,CAAC;IAED,mCAAQ,GAAR,UAAS,IAAO;QACd,OAAO,IAAI,2BAAe,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,CAAA;IACtC,CAAC;IAED,wCAAa,GAAb;QACE,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC3C,IAAI,CAAC,YAAY,GAAG,CAAC,CAAA;QACrB,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;IAC7B,CAAC;IAED,sCAAW,GAAX,UAAY,KAA6B;QACvC,IAAI,KAAK,CAAC,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACxF,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;YAChD,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;gBAAE,OAAM;YACtG,IAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YACnD,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;SACvD;QACD,OAAO,SAAS,CAAA;IAClB,CAAC;IACH,uBAAC;AAAD,CAAC,AA9BD,IA8BC;AA9BqB,4CAAgB;AAgCtC,IAAY,gBAEX;AAFD,WAAY,gBAAgB;IAC1B,yDAAS,CAAA;IAAE,uDAAI,CAAA;AACjB,CAAC,EAFW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAE3B;~~AA2BD~~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"}
1	+ {"version":3,"file":"MaterialTutorial.js","sourceRoot":"","sources":["../../../src/components/tutorial/MaterialTutorial.ts"],"names":[],"mappings":";;;AACA,iDAS4B;AAK5B;IAAA;IA8BA,CAAC;IAvBC,mCAAQ,GAAR,UAAS,IAA2B,EAAE,IAAO;;QAC3C,OAAO,IAAI,oBAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,IAAI,CAAC,mCAAI,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAvB,CAAuB,CAAC,CAAC,CAAA;IACrH,CAAC;IAED,mCAAQ,GAAR,UAAS,IAAO;QACd,OAAO,IAAI,2BAAe,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,CAAA;IACtC,CAAC;IAED,wCAAa,GAAb;QACE,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC3C,IAAI,CAAC,YAAY,GAAG,CAAC,CAAA;QACrB,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;IAC7B,CAAC;IAED,sCAAW,GAAX,UAAY,KAA6B;QACvC,IAAI,KAAK,CAAC,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACxF,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;YAChD,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;gBAAE,OAAM;YACtG,IAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YACnD,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;SACvD;QACD,OAAO,SAAS,CAAA;IAClB,CAAC;IACH,uBAAC;AAAD,CAAC,AA9BD,IA8BC;AA9BqB,4CAAgB;AAgCtC,IAAY,gBAEX;AAFD,WAAY,gBAAgB;IAC1B,yDAAS,CAAA;IAAE,uDAAI,CAAA;AACjB,CAAC,EAFW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAE3B;AAoBD,SAAgB,kBAAkB,CAChC,mBAAwD;IAExD,OAAO,CAAC,CAAC,mBAAmB,IAAI,OAAQ,mBAAwC,CAAC,QAAQ,KAAK,UAAU,CAAA;AAC1G,CAAC;AAJD,gDAIC"}

package/dist/components/tutorial/MaterialTutorialDisplay.js CHANGED Viewed

@@ -20,52 +20,67 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MaterialTutorialDisplay = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var dialogs_1 = require("../dialogs");
-var hooks_1 = require("../../hooks");
-var rules_api_1 = require("@gamepark/rules-api");
-var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
-var react_2 = require("@emotion/react");
-var buttons_1 = require("../buttons");
-var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-var faForwardFast_1 = require("@fortawesome/free-solid-svg-icons/faForwardFast");
-var css_1 = require("../../css");
-var minBy_1 = __importDefault(require("lodash/minBy"));
-var maxBy_1 = __importDefault(require("lodash/maxBy"));
+var react_1 = require("@emotion/react");
 var faBackward_1 = require("@fortawesome/free-solid-svg-icons/faBackward");
 var faForward_1 = require("@fortawesome/free-solid-svg-icons/faForward");
-var useTutorialStep_1 = require("../../hooks/useTutorialStep");
+var faForwardFast_1 = require("@fortawesome/free-solid-svg-icons/faForwardFast");
 var faPlay_1 = require("@fortawesome/free-solid-svg-icons/faPlay");
-var react_redux_1 = require("react-redux");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
 var react_client_1 = require("@gamepark/react-client");
+var rules_api_1 = require("@gamepark/rules-api");
+var maxBy_1 = __importDefault(require("lodash/maxBy"));
+var minBy_1 = __importDefault(require("lodash/minBy"));
+var react_2 = require("react");
+var react_i18next_1 = require("react-i18next");
+var react_redux_1 = require("react-redux");
+var css_1 = require("../../css");
+var hooks_1 = require("../../hooks");
+var useTutorialStep_1 = require("../../hooks/useTutorialStep");
+var buttons_1 = require("../buttons");
+var dialogs_1 = require("../dialogs");
+var material_1 = require("../material");
 var MaterialTutorialDisplay = function () {
     var t = (0, react_i18next_1.useTranslation)().t;
     var game = (0, hooks_1.useGame)();
     var tutorialStep = (0, useTutorialStep_1.useTutorialStep)();
     var tutorialMoves = (0, hooks_1.useLegalMoves)(rules_api_1.isSetTutorialStep);
+    var closeTutorialPopup = (0, hooks_1.useLegalMove)(rules_api_1.isCloseTutorialPopup);
     var popup = tutorialStep === null || tutorialStep === void 0 ? void 0 : tutorialStep.popup;
     var dispatch = (0, react_redux_1.useDispatch)();
-    (0, react_1.useEffect)(function () {
+    (0, react_2.useEffect)(function () {
         dispatch((0, react_client_1.playTutorialMovesAction)(Infinity));
     }, []);
     var nextStepMove = (0, minBy_1.default)(tutorialMoves, function (move) { return move.step; });
     var passMove = (0, maxBy_1.default)(tutorialMoves, function (move) { return move.step; });
     var _a = (0, hooks_1.useUndo)(), undo = _a[0], canUndo = _a[1];
     var canUndoLastMove = canUndo();
+    var setFocus = (0, material_1.useFocusContext)().setFocus;
+    (0, react_2.useEffect)(function () {
+        if (game && !game.tutorialPopupClosed) {
+            if (tutorialStep === null || tutorialStep === void 0 ? void 0 : tutorialStep.focus) {
+                setFocus(__assign({ materials: [], staticItems: [], locations: [], highlight: true }, tutorialStep.focus(game)));
+            }
+            else {
+                setFocus(undefined);
+            }
+        }
+        else {
+            setFocus(undefined, false);
+        }
+    }, [tutorialStep, game === null || game === void 0 ? void 0 : game.tutorialPopupClosed]);
     return ((0, jsx_runtime_1.jsx)(dialogs_1.Dialog, __assign({ open: popup !== undefined && !(game === null || game === void 0 ? void 0 : game.tutorialPopupClosed), css: [
             tutorialDialogCss,
             (popup === null || popup === void 0 ? void 0 : popup.position) && (0, css_1.transformCss)("translate(".concat(popup.position.x, "em, ").concat(popup.position.y, "em)"))
         ], backdropCss: backdropCss }, { children: popup &&
-            (0, jsx_runtime_1.jsx)(react_2.ThemeProvider, __assign({ theme: function (theme) { return (__assign(__assign({}, theme), { buttons: (0, css_1.buttonCss)('#002448', '#c2ebf1', '#ade4ec') })); } }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ css: rules }, { children: [passMove && (0, jsx_runtime_1.jsxs)(buttons_1.PlayMoveButton, __assign({ move: passMove, css: passButton }, { children: [t('Pass'), "\u00A0", (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faForwardFast_1.faForwardFast })] })), (0, jsx_runtime_1.jsx)("p", { children: popup.text(t) }), (0, jsx_runtime_1.jsxs)("p", __assign({ css: buttonsLine }, { children: [(0, jsx_runtime_1.jsxs)(buttons_1.ThemeButton, __assign({ disabled: !canUndoLastMove, onClick: function () { return undo(); } }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faBackward_1.faBackward }), "\u00A0", t('Previous')] })), nextStepMove ?
-                                    (0, jsx_runtime_1.jsxs)(buttons_1.PlayMoveButton, __assign({ move: nextStepMove, disabled: !nextStepMove }, { children: [t('Next'), "\u00A0", (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faForward_1.faForward })] }))
-                                    : (0, jsx_runtime_1.jsxs)(buttons_1.PlayMoveButton, __assign({ move: closeTutorialPopup }, { children: [t('OK'), "\u00A0", (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faPlay_1.faPlay })] }))] }))] })) })) })));
+            (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: (0, jsx_runtime_1.jsxs)("div", __assign({ css: rules }, { children: [passMove && (0, jsx_runtime_1.jsxs)(buttons_1.PlayMoveButton, __assign({ move: passMove, css: passButton }, { children: [t('Pass'), "\u00A0", (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faForwardFast_1.faForwardFast })] })), (0, jsx_runtime_1.jsx)("p", { children: popup.text(t) }), (0, jsx_runtime_1.jsxs)("p", __assign({ css: buttonsLine }, { children: [(0, jsx_runtime_1.jsxs)(buttons_1.ThemeButton, __assign({ disabled: !canUndoLastMove, onClick: function () { return undo(); } }, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faBackward_1.faBackward }), "\u00A0", t('Previous')] })), closeTutorialPopup ?
+                                    (0, jsx_runtime_1.jsxs)(buttons_1.PlayMoveButton, __assign({ move: closeTutorialPopup }, { children: [t('OK'), "\u00A0", (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faPlay_1.faPlay })] }))
+                                    : (0, jsx_runtime_1.jsxs)(buttons_1.PlayMoveButton, __assign({ move: nextStepMove, disabled: !nextStepMove }, { children: [t('Next'), "\u00A0", (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faForward_1.faForward })] }))] }))] })) })) })));
 };
 exports.MaterialTutorialDisplay = MaterialTutorialDisplay;
-var rules = (0, react_2.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0 1em;\n  font-size: 3em;\n  padding-top: 1em;\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  padding-top: 1em;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"])));
-var backdropCss = (0, react_2.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: none;\n  pointer-events: none;\n  z-index: 900;\n"], ["\n  background: none;\n  pointer-events: none;\n  z-index: 900;\n"])));
-var passButton = (0, react_2.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  font-size: 0.7em;\n  top: 1em;\n  right: 1.8em;\n"], ["\n  position: absolute;\n  font-size: 0.7em;\n  top: 1em;\n  right: 1.8em;\n"])));
-var buttonsLine = (0, react_2.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
-var tutorialDialogCss = (0, react_2.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 80em;\n  pointer-events: auto;\n  transition: transform 0.1s ease-in-out;\n"], ["\n  width: 80em;\n  pointer-events: auto;\n  transition: transform 0.1s ease-in-out;\n"])));
-var closeTutorialPopup = { kind: rules_api_1.MoveKind.LocalMove, type: rules_api_1.LocalMoveType.CloseTutorialPopup };
+var rules = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0 1em;\n  font-size: 3em;\n  padding-top: 1em;\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  padding-top: 1em;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"])));
+var backdropCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: none;\n  pointer-events: none;\n  z-index: 900;\n"], ["\n  background: none;\n  pointer-events: none;\n  z-index: 900;\n"])));
+var passButton = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  font-size: 0.7em;\n  top: 1em;\n  right: 1.8em;\n"], ["\n  position: absolute;\n  font-size: 0.7em;\n  top: 1em;\n  right: 1.8em;\n"])));
+var buttonsLine = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
+var tutorialDialogCss = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 80em;\n  pointer-events: auto;\n  transition: transform 0.1s ease-in-out;\n"], ["\n  width: 80em;\n  pointer-events: auto;\n  transition: transform 0.1s ease-in-out;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=MaterialTutorialDisplay.js.map

package/dist/components/tutorial/MaterialTutorialDisplay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MaterialTutorialDisplay.js","sourceRoot":"","sources":["../../../src/components/tutorial/MaterialTutorialDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,~~sCAAmC;AACnC,qCAA6D;AAC7D,iDAAmI;AACnI,+BAAiC;AACjC,+CAA8C;AAC9C,~~wCAAmD;AACnD,~~sCAAwD~~;~~AACxD~~,~~oEAAgE~~;~~AAChE~~,iFAA+E;AAC/E,~~iCAAmD~~;~~AACnD~~,uDAAgC;AAChC,uDAAgC;AAChC,~~2EAAyE~~;~~AACzE~~,~~yEAAuE~~;~~AACvE~~,+DAA6D;AAC7D,~~mEAAiE~~;~~AACjE~~,~~2CAAyC~~;~~AACzC~~,~~uDAAgE~~;~~AAEzD~~,IAAM,uBAAuB,GAAG;IAC7B,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IAC9B,IAAM,IAAI,GAAG,IAAA,eAAO,GAAgB,CAAA;IACpC,IAAM,YAAY,GAAG,IAAA,iCAAe,GAAE,CAAA;IACtC,IAAM,aAAa,GAAG,IAAA,qBAAa,EAAkB,6BAAiB,CAAC,CAAA;~~IAEvE~~,IAAM,KAAK,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAA;IAEjC,IAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAA;IAC9B,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,IAAA,sCAAuB,EAAC,QAAQ,CAAC,CAAC,CAAA;IAC7C,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,YAAY,GAAG,IAAA,eAAK,EAAC,aAAa,EAAE,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,IAAI,EAAT,CAAS,CAAC,CAAA;IAC5D,IAAM,QAAQ,GAAG,IAAA,eAAK,EAAC,aAAa,EAAE,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,IAAI,EAAT,CAAS,CAAC,CAAA;IAElD,IAAA,KAAkB,IAAA,eAAO,GAAE,EAA1B,IAAI,QAAA,EAAE,OAAO,QAAa,CAAA;IACjC,IAAM,eAAe,GAAG,OAAO,EAAE,CAAA;~~IAEjC~~,OAAO,CACL,uBAAC,gBAAM,aAAC,IAAI,EAAE,KAAK,KAAK,SAAS,IAAI,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAAmB,CAAA,EACvD,GAAG,EAAE;YACH,iBAAiB;YACjB,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAI,IAAA,kBAAY,EAAC,oBAAa,KAAK,CAAC,QAAQ,CAAC,CAAC,iBAAO,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAK,CAAC;SAC3F,EACD,WAAW,EAAE,WAAW,gBAC7B,KAAK;YACJ,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,gBAChG,0CAAK,GAAG,EAAE,KAAK,iBACZ,QAAQ,IAAI,wBAAC,wBAAc,aAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,iBAAG,CAAC,CAAC,MAAM,CAAC,YAAO,uBAAC,mCAAe,IAAC,IAAI,EAAE,6BAAa,GAAG,KAAiB,EACvI,wCAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAK,EACtB,wCAAG,GAAG,EAAE,WAAW,iBACjB,wBAAC,qBAAW,aAAC,QAAQ,EAAE,CAAC,eAAe,EAAE,OAAO,EAAE,cAAM,OAAA,IAAI,EAAE,EAAN,CAAM,iBAAE,uBAAC,mCAAe,IAAC,IAAI,EAAE,uBAAU,GAAG,YAAO,CAAC,CAAC,UAAU,CAAC,KAAe,EACtI,~~YAAY~~,CAAC,CAAC;~~oCACb~~,wBAAC,wBAAc,aAAC,IAAI,EAAE,~~YAAY~~,~~EAAE,QAAQ,EAAE,CAAC,YAAY,~~iBAAG,CAAC,CAAC,~~MAAM~~,CAAC,YAAO,uBAAC,mCAAe,IAAC,IAAI,EAAE,~~qBAAS~~,GAAG,KAAiB;~~oCAClI~~,CAAC,CAAC,wBAAC,wBAAc,aAAC,IAAI,EAAE,~~kBAAkB~~,iBAAG,CAAC,CAAC,~~IAAI~~,CAAC,YAAO,uBAAC,mCAAe,IAAC,IAAI,EAAE,~~eAAM~~,GAAG,KAAiB,~~KAE5G~~,KACA,IACQ,IAEX,CACV,CAAA;AACH,CAAC,CAAA;~~AA3CY~~,QAAA,uBAAuB,~~2BA2CnC~~;AAED,IAAM,KAAK,OAAG,WAAG,gPAAA,4KAahB,IAAA,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,uIAAA,mEAItB,IAAA,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,kJAAA,8EAKrB,IAAA,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,6HAAA,yDAGtB,IAAA,CAAA;AAED,IAAM,iBAAiB,OAAG,WAAG,4JAAA,wFAI5B,IAAA,CAAA~~;AAED,IAAM,kBAAkB,GAAuB,EAAE,IAAI,EAAE,oBAAQ,CAAC,SAAS,EAAE,IAAI,EAAE,yBAAa,CAAC,kBAAkB,EAAE,CAAA~~"}
1	+ {"version":3,"file":"MaterialTutorialDisplay.js","sourceRoot":"","sources":["../../../src/components/tutorial/MaterialTutorialDisplay.tsx"],"names":[],"mappings":"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"}

package/dist/components/tutorial/TutorialRulesWrapper.js CHANGED Viewed

@@ -20,7 +20,7 @@ function wrapRulesWithTutorial(tutorial, Rules) {
         return playerId === ((_b = (_a = tutorialStep.move) === null || _a === void 0 ? void 0 : _a.player) !== null && _b !== void 0 ? _b : this.game.players[0]);
     };
     Rules.prototype.getLegalMoves = function (playerId) {
-        var _a;
+        var _a, _b;
         var game = this.game;
         if (game.tutorialStep === undefined || game.tutorialStep >= tutorial.steps.length) {
             return getLegalMoves.bind(this)(playerId);
@@ -31,6 +31,9 @@ function wrapRulesWithTutorial(tutorial, Rules) {
             if (playerId !== player)
                 return [];
             var legalMoves = getLegalMoves.bind(this)(playerId);
+            if ((_b = game.tutorialInterrupt) === null || _b === void 0 ? void 0 : _b.length) {
+                legalMoves = [];
+            }
             var filter_1 = tutorialStep.move.filter;
             if (filter_1) {
                 legalMoves = legalMoves.filter(function (move) { return filter_1(move, game); });
@@ -52,12 +55,29 @@ function wrapRulesWithTutorial(tutorial, Rules) {
     };
     var play = Rules.prototype.play;
     Rules.prototype.play = function (move) {
+        var _a;
         var game = this.game;
-        var step = game.tutorialStep;
-        if (move.kind !== rules_api_1.MoveKind.LocalMove && step !== undefined && step < tutorial.steps.length && tutorial.steps[step].move) {
-            game.tutorialStepComplete = true;
+        var stepIndex = game.tutorialStep;
+        var consequences = play.bind(this)(move);
+        if (move.kind !== rules_api_1.MoveKind.LocalMove && stepIndex !== undefined && stepIndex < tutorial.steps.length) {
+            var step = tutorial.steps[stepIndex];
+            if (step.move) {
+                game.tutorialStepComplete = true;
+                if (step.move.interrupt) {
+                    var interruptIndex = consequences.findIndex(step.move.interrupt);
+                    if (interruptIndex !== -1) {
+                        this.game.tutorialInterrupt = consequences.slice(interruptIndex);
+                        consequences.splice(interruptIndex, consequences.length - interruptIndex);
+                    }
+                }
+            }
+        }
+        else if (move.kind === rules_api_1.MoveKind.LocalMove && move.type === rules_api_1.LocalMoveType.CloseTutorialPopup) {
+            var moves = (_a = this.game.tutorialInterrupt) !== null && _a !== void 0 ? _a : [];
+            delete this.game.tutorialInterrupt;
+            return moves;
         }
-        return play.bind(this)(move);
+        return consequences;
     };
     var getAutomaticMoves = Rules.prototype.getAutomaticMoves;
     Rules.prototype.getAutomaticMoves = function () {

package/dist/components/tutorial/TutorialRulesWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TutorialRulesWrapper.js","sourceRoot":"","sources":["../../../src/components/tutorial/TutorialRulesWrapper.ts"],"names":[],"mappings":";;;AAAA,iDAAgI;AAGhI,SAAgB,qBAAqB,CAAC,QAA0B,EAAE,KAAkC;IAElG,IAAM,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,aAAa,CAAA;IACnD,IAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,YAAY,CAAA;IACjD,IAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAA;IACvC,IAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,SAAS,CAAA;IAE3C,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG;QAChC,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAClG,CAAC,CAAA;IAED,KAAK,CAAC,SAAS,CAAC,YAAY,GAAG,UAAU,QAAa;;QACpD,IAAM,IAAI,GAAG,IAAI,CAAC,IAAoB,CAAA;QACtC,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE;YACjF,OAAO,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAA;SACzC;QACD,IAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QACtD,OAAO,QAAQ,KAAK,CAAC,MAAA,MAAA,YAAY,CAAC,IAAI,0CAAE,MAAM,mCAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;IACzE,CAAC,CAAA;IAED,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,UAAU,QAAa;;QACrD,IAAM,IAAI,GAAG,IAAI,CAAC,IAAoB,CAAA;QACtC,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE;YACjF,OAAO,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAA;SAC1C;QACD,IAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QACtD,IAAI,YAAY,CAAC,IAAI,EAAE;YACrB,IAAM,MAAM,GAAG,MAAA,YAAY,CAAC,IAAI,CAAC,MAAM,mCAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YAC/D,IAAI,QAAQ,KAAK,MAAM;gBAAE,OAAO,EAAE,CAAA;YAClC,IAAI,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAA;YACnD,IAAM,QAAM,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,CAAA;YACvC,IAAI,QAAM,EAAE;gBACV,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,UAAC,IAAkB,IAAK,OAAA,QAAM,CAAC,IAAI,EAAE,IAAI,CAAC,EAAlB,CAAkB,CAAC,CAAA;aAC3E;YACD,IAAI,MAAM,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,KAAK,EAAE;gBACzD,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,oBAAQ,CAAC,SAAS,EAAE,IAAI,EAAE,yBAAa,CAAC,kBAAkB,EAAE,CAAC,CAAA;aACtF;YACD,OAAO,UAAU,CAAA;SAClB;aAAM;YACL,IAAI,QAAQ,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;gBAAE,OAAO,EAAE,CAAA;YAChD,IAAM,KAAK,GAAsB,CAAC,EAAE,IAAI,EAAE,oBAAQ,CAAC,SAAS,EAAE,IAAI,EAAE,yBAAa,CAAC,eAAe,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,EAAE,CAAC,CAAA;YACtI,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE;gBACnI,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,oBAAQ,CAAC,SAAS,EAAE,IAAI,EAAE,yBAAa,CAAC,eAAe,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAA;aAC/H;YACD,OAAO,KAAK,CAAA;SACb;IACH,CAAC,CAAA;IAED,IAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAA;IAEjC,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,UAAU,IAAkB;QACjD,IAAM,IAAI,GAAG,IAAI,CAAC,IAAoB,CAAA;QACtC,IAAM,~~IAAI~~,GAAG,IAAI,CAAC,YAAY,CAAA;~~QAC9B~~,IAAI,IAAI,CAAC,IAAI,KAAK,oBAAQ,CAAC,SAAS,IAAI,~~IAAI~~,KAAK,SAAS,IAAI,~~IAAI~~,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,~~IAAI~~,CAAC,CAAC,IAAI,EAAE;~~YACvH~~,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAA;~~SACjC~~;~~QACD~~,~~OAAO~~,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAA;~~IAC9B~~,CAAC,CAAA;IAED,IAAM,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAA;IAE3D,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG;QAClC,IAAM,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAoB,CAAA;QACrE,IAAI,CAAC,YAAY,CAAC,MAAM,IAAK,IAAI,CAAC,IAAqB,CAAC,oBAAoB,EAAE;YAC5E,OAAO,CAAC,EAAE,IAAI,EAAE,oBAAQ,CAAC,SAAS,EAAE,IAAI,EAAE,yBAAa,CAAC,eAAe,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,EAAE,CAAC,CAAA;SAC7G;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IAED,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,UAAU,MAAc,EAAE,kBAA4B;QAC9E,IAAM,IAAI,GAAG,IAAI,CAAC,IAAoB,CAAA;QACtC,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,IAAI,kBAAkB,CAAC,MAAM,EAAE;YAE7G,OAAO,KAAK,CAAA;SACb;QACD,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAA;IACvD,CAAC,CAAA;IAED,KAAK,CAAC,SAAS,CAAC,SAAS,GAAG,UAAU,IAAkB;;QACtD,IAAM,IAAI,GAAG,IAAI,CAAC,IAAoB,CAAA;QACtC,IAAM,cAAc,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAA;QACjD,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE;YAChF,IAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;YACtD,IAAI,MAAA,YAAY,CAAC,IAAI,0CAAE,SAAS,EAAE;gBAChC,MAAA,YAAY,CAAC,IAAI,0CAAE,SAAS,CAAC,cAAc,CAAC,CAAA;aAC7C;SACF;QACD,OAAO,cAAc,CAAA;IACvB,CAAC,CAAA;AACH,CAAC;~~AAzFD~~,~~sDAyFC~~"}
1	+ {"version":3,"file":"TutorialRulesWrapper.js","sourceRoot":"","sources":["../../../src/components/tutorial/TutorialRulesWrapper.ts"],"names":[],"mappings":"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"}

package/dist/css/GameTheme.d.ts CHANGED Viewed

@@ -3,6 +3,10 @@ export interface GameTheme {
     root: RootTheme;
     dialog: DialogTheme;
     buttons?: Interpolation<GameTheme>;
+    dropArea?: DropAreaTheme;
+}
+export interface DropAreaTheme {
+    backgroundColor: string;
 }
 export interface RootTheme {
     fontFamily: string;

package/dist/css/GameTheme.js CHANGED Viewed

@@ -14,6 +14,9 @@ exports.defaultTheme = {
     dialog: {
         backgroundColor: '#f0fbfc',
         color: '#002448'
+    },
+    dropArea: {
+        backgroundColor: 'rgba(0, 255, 0, 0.5)'
     }
 };
 //# sourceMappingURL=GameTheme.js.map

package/dist/css/GameTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GameTheme.js","sourceRoot":"","sources":["../../src/css/GameTheme.ts"],"names":[],"mappings":";;;AACA,uDAAqD;AAErD,IAAA,mCAAgB,EAAC,wHAAwH,CAAC,CAAA;~~AAuB7H~~,QAAA,YAAY,GAAc;IACrC,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE;YACV,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,iBAAiB;YACjD,OAAO,EAAE,oBAAoB;SAC9B;KACF;IACD,MAAM,EAAE;QACN,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,SAAS;KACjB;CACF,CAAA"}
1	+ {"version":3,"file":"GameTheme.js","sourceRoot":"","sources":["../../src/css/GameTheme.ts"],"names":[],"mappings":";;;AACA,uDAAqD;AAErD,IAAA,mCAAgB,EAAC,wHAAwH,CAAC,CAAA;AA4B7H,QAAA,YAAY,GAAc;IACrC,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE;YACV,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,iBAAiB;YACjD,OAAO,EAAE,oBAAoB;SAC9B;KACF;IACD,MAAM,EAAE;QACN,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,SAAS;KACjB;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,sBAAsB;KACxC;CACF,CAAA"}

package/dist/hooks/useHistory.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+export type Histories = Map<string, ReactElement[] | undefined>;
+export declare const useHistory: () => {
+    histories: Histories;
+    size: number;
+};

package/dist/hooks/useHistory.js ADDED Viewed

@@ -0,0 +1,82 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHistory = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var rules_api_1 = require("@gamepark/rules-api");
+var keyBy_1 = __importDefault(require("lodash/keyBy"));
+var react_1 = require("react");
+var react_redux_1 = require("react-redux");
+var components_1 = require("../components");
+var useActions_1 = require("./useActions");
+var useHistory = function () {
+    var _a, _b;
+    var context = (0, react_1.useContext)(components_1.gameContext);
+    var setup = (_a = (0, react_redux_1.useSelector)(function (state) { return state.setup; })) !== null && _a !== void 0 ? _a : {};
+    var actions = (_b = (0, useActions_1.useActions)()) !== null && _b !== void 0 ? _b : [];
+    var filteredActions = (0, react_1.useMemo)(function () { return (actions !== null && actions !== void 0 ? actions : []).filter(function (a) { return !a.pending && a.id !== undefined; }); }, [actions]);
+    var historyRef = (0, react_1.useRef)(new Map());
+    var _c = (0, react_1.useState)(0), historySize = _c[0], setHistorySize = _c[1];
+    var rules = (0, react_1.useRef)();
+    (0, react_1.useEffect)(function () {
+        if (!rules.current && setup) {
+            rules.current = new context.Rules(JSON.parse(JSON.stringify(setup)));
+        }
+    }, [setup]);
+    var MaterialHistory = context.MaterialHistory;
+    var getMoveEntry = (0, react_1.useCallback)(function (action, move, consequenceIndex, rules) {
+        var historyContext = {
+            consequenceIndex: consequenceIndex,
+            action: action,
+            game: JSON.parse(JSON.stringify(rules.game))
+        };
+        return (0, jsx_runtime_1.jsx)(MaterialHistory, { move: move, context: historyContext });
+    }, [context]);
+    var addActionEntries = (0, react_1.useCallback)(function (histories, action) {
+        var _a, _b;
+        histories.set(action.id, []);
+        var actionEntry = getMoveEntry(action, action.move, undefined, rules.current);
+        (_a = rules.current) === null || _a === void 0 ? void 0 : _a.play(action.move);
+        histories.get(action.id).push(actionEntry);
+        for (var index = 0; index < action.consequences.length; index++) {
+            var consequence = action.consequences[index];
+            var consequenceEntry = getMoveEntry(action, consequence, index, rules.current);
+            (_b = rules.current) === null || _b === void 0 ? void 0 : _b.play(consequence);
+            histories.get(action.id).push(consequenceEntry);
+        }
+    }, []);
+    (0, react_1.useEffect)(function () {
+        var histories = historyRef.current;
+        var actualSize = histories.size;
+        if (actualSize < filteredActions.length) {
+            for (var _i = 0, filteredActions_1 = filteredActions; _i < filteredActions_1.length; _i++) {
+                var action = filteredActions_1[_i];
+                if (histories.has(action.id))
+                    continue;
+                addActionEntries(histories, action);
+            }
+            setHistorySize(histories.size);
+            historyRef.current = histories;
+        }
+        else if (actualSize > filteredActions.length) {
+            var actionsById = (0, keyBy_1.default)(filteredActions, function (a) { return a.id; });
+            for (var _a = 0, _b = Array.from(histories.keys()); _a < _b.length; _a++) {
+                var key = _b[_a];
+                if (!(key in actionsById))
+                    histories.delete(key);
+            }
+            rules.current = new context.Rules(JSON.parse(JSON.stringify(setup)));
+            (0, rules_api_1.replayActions)(rules.current, filteredActions);
+            setHistorySize(histories.size);
+            historyRef.current = histories;
+        }
+    }, [filteredActions.length]);
+    return {
+        histories: historyRef.current,
+        size: historySize
+    };
+};
+exports.useHistory = useHistory;
+//# sourceMappingURL=useHistory.js.map

package/dist/hooks/useHistory.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useHistory.js","sourceRoot":"","sources":["../../src/hooks/useHistory.tsx"],"names":[],"mappings":"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"}

package/dist/hooks/useLegalMoves.js CHANGED Viewed

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLegalMove = exports.useLegalMoves = void 0;
 var react_1 = require("react");
 var react_redux_1 = require("react-redux");
+var useIsAnimatingPlayerAction_1 = require("../components/material/utils/useIsAnimatingPlayerAction");
 var usePlayerId_1 = require("./usePlayerId");
 var useRules_1 = require("./useRules");
 var cache = {
@@ -13,15 +14,16 @@ function useLegalMoves(predicate) {
     var rules = (0, useRules_1.useRules)();
     var playerId = (0, usePlayerId_1.usePlayerId)();
     var gameOver = (0, react_redux_1.useSelector)(function (state) { return state.gameOver; });
-    if (rules && playerId !== undefined && cache.game !== rules.game) {
+    var isAnimatingPlayerAction = (0, useIsAnimatingPlayerAction_1.useIsAnimatingPlayerAction)();
+    if (rules && playerId !== undefined && cache.game !== rules.game && !isAnimatingPlayerAction) {
         cache.game = rules.game;
         cache.moves = rules.getLegalMoves(playerId);
     }
     return (0, react_1.useMemo)(function () {
-        if (gameOver)
+        if (gameOver || isAnimatingPlayerAction)
             return [];
         return predicate ? cache.moves.filter(predicate) : cache.moves;
-    }, [cache.moves, predicate, gameOver]);
+    }, [cache.moves, predicate, gameOver, isAnimatingPlayerAction]);
 }
 exports.useLegalMoves = useLegalMoves;
 function useLegalMove(predicate) {

package/dist/hooks/useLegalMoves.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useLegalMoves.js","sourceRoot":"","sources":["../../src/hooks/useLegalMoves.ts"],"names":[],"mappings":";;;AACA,+BAA+B;AAC/B,2CAAyC;AACzC,6CAA2C;AAC3C,uCAAqC;AAOrC,IAAM,KAAK,GAAU;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CACV,CAAA;AAED,SAAgB,aAAa,CAAa,SAAmC;IAC3E,IAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,IAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAA;IAC9B,IAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAoB,IAAK,OAAA,KAAK,CAAC,QAAQ,EAAd,CAAc,CAAC,CAAA;IACtE,IAAI,KAAK,IAAI,QAAQ,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,EAAE;~~QAChE~~,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;QACvB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;KAC5C;IACD,OAAO,IAAA,eAAO,EAAC;QACX,IAAI,QAAQ;YAAE,OAAO,EAAE,CAAA;~~QACvB~~,OAAO,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAA;IAChE,CAAC,EACD,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAA;~~AACvC~~,CAAC;~~AAbD~~,~~sCAaC~~;AAED,SAAgB,YAAY,CAAa,SAAmC;IAC1E,IAAM,KAAK,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;IACtC,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AAChD,CAAC;AAHD,oCAGC"}
1	+ {"version":3,"file":"useLegalMoves.js","sourceRoot":"","sources":["../../src/hooks/useLegalMoves.ts"],"names":[],"mappings":";;;AACA,+BAA+B;AAC/B,2CAAyC;AACzC,sGAAoG;AACpG,6CAA2C;AAC3C,uCAAqC;AAOrC,IAAM,KAAK,GAAU;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CACV,CAAA;AAED,SAAgB,aAAa,CAAa,SAAmC;IAC3E,IAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,IAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAA;IAC9B,IAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAoB,IAAK,OAAA,KAAK,CAAC,QAAQ,EAAd,CAAc,CAAC,CAAA;IACtE,IAAM,uBAAuB,GAAG,IAAA,uDAA0B,GAAE,CAAA;IAC5D,IAAI,KAAK,IAAI,QAAQ,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,uBAAuB,EAAE;QAC5F,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;QACvB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;KAC5C;IACD,OAAO,IAAA,eAAO,EAAC;QACX,IAAI,QAAQ,IAAI,uBAAuB;YAAE,OAAO,EAAE,CAAA;QAClD,OAAO,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAA;IAChE,CAAC,EACD,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,uBAAuB,CAAC,CAAC,CAAA;AAChE,CAAC;AAdD,sCAcC;AAED,SAAgB,YAAY,CAAa,SAAmC;IAC1E,IAAM,KAAK,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;IACtC,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AAChD,CAAC;AAHD,oCAGC"}

package/dist/hooks/useRankedPlayers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useRankedPlayers.js","sourceRoot":"","sources":["../../src/hooks/useRankedPlayers.ts"],"names":[],"mappings":";;;~~AAAA~~,iDAAgE;AAChE,2CAAuD;~~AAEvD~~,6CAA4C;AAC5C,uCAAqC;AAE9B,IAAM,gBAAgB,GAAG;IAC9B,IAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,IAAM,SAAS,GAAG,IAAA,0BAAY,GAAE,CAAA;IAChC,IAAM,cAAc,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAwC;QAC1E,OAAA,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,EAAE,EAAJ,CAAI,CAAC;IAAhD,CAAgD,EAAE,0BAAY,CAAC,CAAA;IACjE,IAAM,aAAa,GAAG,SAAS,CAAC,GAAG,CAAC,UAAA,EAAE,IAAI,OAAA,CAAC,EAAE,EAAE,IAAA,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAApD,CAAoD,CAAC,CAAA;IAC/F,IAAI,KAAK,IAAI,IAAA,yBAAa,EAAC,KAAK,CAAC,EAAE;QACjC,aAAa,CAAC,IAAI,CAAC,UAAC,OAAO,EAAE,OAAO;YAClC,IAAI,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE;gBAChC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;aAChD;YACD,OAAO,IAAA,uBAAW,EAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,CAAC,CAAA;QACnD,CAAC,CAAC,CAAA;QACF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC7C,IAAI,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE;gBAC7B,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA;aAClD;iBAAM,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;gBAChC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAA;aACtD;iBAAM;gBACL,IAAM,IAAI,GAAG,IAAA,uBAAW,EAAC,KAAK,EAAE,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;gBAC7E,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAA;aAC/F;SACF;KACF;IACD,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA;AAzBY,QAAA,gBAAgB,oBAyB5B"}
1	+ {"version":3,"file":"useRankedPlayers.js","sourceRoot":"","sources":["../../src/hooks/useRankedPlayers.ts"],"names":[],"mappings":";;;AACA,iDAAgE;AAChE,2CAAuD;AACvD,6CAA4C;AAC5C,uCAAqC;AAE9B,IAAM,gBAAgB,GAAG;IAC9B,IAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,IAAM,SAAS,GAAG,IAAA,0BAAY,GAAE,CAAA;IAChC,IAAM,cAAc,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAwC;QAC1E,OAAA,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,EAAE,EAAJ,CAAI,CAAC;IAAhD,CAAgD,EAAE,0BAAY,CAAC,CAAA;IACjE,IAAM,aAAa,GAAG,SAAS,CAAC,GAAG,CAAC,UAAA,EAAE,IAAI,OAAA,CAAC,EAAE,EAAE,IAAA,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAApD,CAAoD,CAAC,CAAA;IAC/F,IAAI,KAAK,IAAI,IAAA,yBAAa,EAAC,KAAK,CAAC,EAAE;QACjC,aAAa,CAAC,IAAI,CAAC,UAAC,OAAO,EAAE,OAAO;YAClC,IAAI,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE;gBAChC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;aAChD;YACD,OAAO,IAAA,uBAAW,EAAC,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,CAAC,CAAA;QACnD,CAAC,CAAC,CAAA;QACF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC7C,IAAI,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE;gBAC7B,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA;aAClD;iBAAM,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;gBAChC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAA;aACtD;iBAAM;gBACL,IAAM,IAAI,GAAG,IAAA,uBAAW,EAAC,KAAK,EAAE,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;gBAC7E,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAA;aAC/F;SACF;KACF;IACD,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA;AAzBY,QAAA,gBAAgB,oBAyB5B"}

package/dist/hooks/useZoomToElements.d.ts CHANGED Viewed

@@ -1,2 +1,10 @@
+import { Margin } from '../components';
 import { animations } from '../utilities/animations.constants';
-export declare function useZoomToElements(): (elements: HTMLElement[], scale?: number, animationTime?: number, animationType?: keyof typeof animations) => void;
+export declare function useZoomToElements(): (elements: HTMLElement[], options?: ZoomToElementsOptions) => void;
+type ZoomToElementsOptions = {
+    scale?: number;
+    animationTime?: number;
+    animationType?: keyof typeof animations;
+    margin?: Margin;
+};
+export {};

package/dist/hooks/useZoomToElements.js CHANGED Viewed

@@ -2,50 +2,53 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useZoomToElements = void 0;
 var react_zoom_pan_pinch_1 = require("react-zoom-pan-pinch");
+var animations_util_1 = require("../utilities/animations.util");
 var bounds_util_1 = require("../utilities/bounds.util");
 var zoom_util_1 = require("../utilities/zoom.util");
-var animations_util_1 = require("../utilities/animations.util");
 function useZoomToElements() {
     var libraryContext = (0, react_zoom_pan_pinch_1.useTransformContext)();
     return zoomToElements(libraryContext);
 }
 exports.useZoomToElements = useZoomToElements;
-var zoomToElements = function (contextInstance) { return function (nodes, scale, animationTime, animationType) {
-    if (animationTime === void 0) { animationTime = 600; }
-    if (animationType === void 0) { animationType = 'easeOut'; }
+var zoomToElements = function (contextInstance) { return function (nodes, options) {
+    if (options === void 0) { options = {}; }
     (0, animations_util_1.handleCancelAnimation)(contextInstance);
     var wrapperComponent = contextInstance.wrapperComponent;
+    var scale = options.scale, _a = options.animationTime, animationTime = _a === void 0 ? 600 : _a, _b = options.animationType, animationType = _b === void 0 ? 'easeOut' : _b, margin = options.margin;
     var targets = nodes.map(function (node) {
         return typeof node === 'string' ? document.getElementById(node) : node;
     });
     if (wrapperComponent && targets.length && targets.every(function (target) { return wrapperComponent.contains(target); })) {
-        var targetState = calculateZoomToNodes(contextInstance, targets, scale);
+        var targetState = calculateZoomToNodes(contextInstance, targets, { customZoom: scale, margin: margin });
         (0, animations_util_1.animate)(contextInstance, targetState, animationTime, animationType);
     }
 }; };
-function calculateZoomToNodes(contextInstance, nodes, customZoom) {
+function calculateZoomToNodes(contextInstance, nodes, options) {
+    if (options === void 0) { options = {}; }
     var wrapperComponent = contextInstance.wrapperComponent, contentComponent = contextInstance.contentComponent, transformState = contextInstance.transformState;
     var _a = contextInstance.setup, limitToBounds = _a.limitToBounds, minScale = _a.minScale, maxScale = _a.maxScale;
     if (!wrapperComponent || !contentComponent)
         return transformState;
+    var customZoom = options.customZoom, _b = options.margin, _c = _b === void 0 ? {} : _b, _d = _c.bottom, bottom = _d === void 0 ? 0 : _d, _e = _c.left, left = _e === void 0 ? 0 : _e, _f = _c.right, right = _f === void 0 ? 0 : _f, _g = _c.top, top = _g === void 0 ? 0 : _g;
     var wrapperRect = wrapperComponent.getBoundingClientRect();
+    var fontSize = parseFloat(window.getComputedStyle(contentComponent.firstElementChild, null).getPropertyValue('font-size'));
     var nodesRect = nodes.map(function (node) { return node.getBoundingClientRect(); });
     var nodesWidth = Math.max.apply(Math, nodesRect.map(function (rect) { return rect.x + rect.width; })) - Math.min.apply(Math, nodesRect.map(function (rect) { return rect.x; }));
     var nodesHeight = Math.max.apply(Math, nodesRect.map(function (rect) { return rect.y + rect.height; })) - Math.min.apply(Math, nodesRect.map(function (rect) { return rect.y; }));
     var nodesOffset = nodes.map(function (node) { return getOffset(node, wrapperComponent, contentComponent, transformState); });
-    var nodeLeft = Math.min.apply(Math, nodesOffset.map(function (offset) { return offset.x; }));
-    var nodeTop = Math.min.apply(Math, nodesOffset.map(function (offset) { return offset.y; }));
-    var nodeWidth = nodesWidth / transformState.scale;
-    var nodeHeight = nodesHeight / transformState.scale;
-    var scaleX = wrapperComponent.offsetWidth / nodeWidth;
-    var scaleY = wrapperComponent.offsetHeight / nodeHeight;
+    var focusLeft = Math.min.apply(Math, nodesOffset.map(function (offset) { return offset.x; })) - left * fontSize;
+    var focusTop = Math.min.apply(Math, nodesOffset.map(function (offset) { return offset.y; })) - top * fontSize;
+    var focusWidth = nodesWidth / transformState.scale + (left + right) * fontSize;
+    var focusHeight = nodesHeight / transformState.scale + (top + bottom) * fontSize;
+    var scaleX = wrapperComponent.offsetWidth / focusWidth;
+    var scaleY = wrapperComponent.offsetHeight / focusHeight;
     var newScale = (0, zoom_util_1.checkZoomBounds)(customZoom || Math.min(scaleX, scaleY), minScale, maxScale, 0, false);
-    var offsetX = (wrapperRect.width - nodeWidth * newScale) / 2;
-    var offsetY = (wrapperRect.height - nodeHeight * newScale) / 2;
-    var newPositionX = (wrapperRect.left - nodeLeft) * newScale + offsetX;
-    var newPositionY = (wrapperRect.top - nodeTop) * newScale + offsetY;
+    var offsetX = (wrapperRect.width - focusWidth * newScale) / 2;
+    var offsetY = (wrapperRect.height - focusHeight * newScale) / 2;
+    var newPositionX = (wrapperRect.left - focusLeft) * newScale + offsetX;
+    var newPositionY = (wrapperRect.top - focusTop) * newScale + offsetY;
     var bounds = (0, bounds_util_1.calculateBounds)(contextInstance, newScale);
-    var _b = (0, bounds_util_1.getMouseBoundedPosition)(newPositionX, newPositionY, bounds, limitToBounds, 0, 0, wrapperComponent), x = _b.x, y = _b.y;
+    var _h = (0, bounds_util_1.getMouseBoundedPosition)(newPositionX, newPositionY, bounds, limitToBounds, 0, 0, wrapperComponent), x = _h.x, y = _h.y;
     return { positionX: x, positionY: y, scale: newScale };
 }
 function getOffset(element, wrapper, content, state) {

package/dist/hooks/useZoomToElements.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useZoomToElements.js","sourceRoot":"","sources":["../../src/hooks/useZoomToElements.ts"],"names":[],"mappings":";;;AAAA,6DAA4G;~~AAE5G~~,wDAAmF;AACnF,oDAAwD;~~AACxD~~,~~gEAA6E;AAK7E,~~SAAgB,iBAAiB;IAC/B,IAAM,cAAc,GAAG,IAAA,0CAAmB,GAAE,CAAA;IAC5C,OAAO,cAAc,CAAC,cAAc,CAAC,CAAA;AACvC,CAAC;AAHD,8CAGC;~~AAED~~,IAAM,cAAc,GAAG,UAAC,eAAyC,IAAK,OAAA,UACpE,KAA+B,EAC/B,~~KAAc,EACd,aAAmB,EACnB,aAAkD~~;~~IADlD~~,~~8BAAA~~,EAAA,~~mBAAmB~~;~~IACnB~~,~~8BAAA,EAAA,yBAAkD;IAElD,~~IAAA,uCAAqB,EAAC,eAAe,CAAC,CAAA;IAE9B,IAAA,gBAAgB,GAAK,eAAe,iBAApB,CAAoB;~~IAE5C~~,IAAM,OAAO,GAAkB,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI;QAC3C,OAAA,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAE,CAAC,CAAC,CAAC,IAAI;IAAhE,CAAgE,CACjE,CAAA;IAED,IAAI,gBAAgB,IAAI,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,KAAK,CAAC,UAAA,MAAM,IAAI,OAAA,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAjC,CAAiC,CAAC,EAAE;QACpG,IAAM,WAAW,GAAG,oBAAoB,CAAC,eAAe,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;~~QACzE~~,IAAA,yBAAO,EAAC,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,CAAC,CAAA;KACpE;AACH,CAAC,~~EAlBqE~~,~~CAkBrE~~,CAAA;AAED,SAAS,oBAAoB,CAC3B,eAAyC,EACzC,KAAoB,EACpB,~~UAAmB~~;~~IAEX~~,IAAA,gBAAgB,GACtB,eAAe,iBADO,EAAE,gBAAgB,GACxC,eAAe,iBADyB,EAAE,cAAc,GACxD,eAAe,eADyC,CACzC;IACX,IAAA,KAAwC,eAAe,CAAC,KAAK,EAA3D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAA0B,CAAA;IACnE,IAAI,CAAC,gBAAgB,IAAI,CAAC,gBAAgB;QAAE,OAAO,cAAc,CAAA;~~IAEjE~~,IAAM,WAAW,GAAG,gBAAgB,CAAC,qBAAqB,EAAE,CAAA;IAC5D,IAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,qBAAqB,EAAE,EAA5B,CAA4B,CAAC,CAAA;IACjE,IAAM,UAAU,GAAG,IAAI,CAAC,GAAG,OAAR,IAAI,EAAQ,SAAS,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,EAAnB,CAAmB,CAAC,IAAI,IAAI,CAAC,GAAG,OAAR,IAAI,EAAQ,SAAS,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,CAAC,EAAN,CAAM,CAAC,CAAC,CAAA;IACvH,IAAM,WAAW,GAAG,IAAI,CAAC,GAAG,OAAR,IAAI,EAAQ,SAAS,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,EAApB,CAAoB,CAAC,IAAI,IAAI,CAAC,GAAG,OAAR,IAAI,EAAQ,SAAS,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,CAAC,EAAN,CAAM,CAAC,CAAC,CAAA;IACzH,IAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,SAAS,CAAC,IAAI,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,CAAC,EAAnE,CAAmE,CAAC,CAAA;IAE1G,IAAM,~~QAAQ~~,GAAG,IAAI,CAAC,GAAG,OAAR,IAAI,EAAQ,WAAW,CAAC,GAAG,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,CAAC,CAAC,EAAR,CAAQ,CAAC,~~CAAC~~,CAAA;~~IACjE~~,IAAM,~~OAAO~~,GAAG,IAAI,CAAC,GAAG,OAAR,IAAI,EAAQ,WAAW,CAAC,GAAG,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,CAAC,CAAC,EAAR,CAAQ,CAAC,~~CAAC~~,CAAA;~~IAChE~~,IAAM,~~SAAS~~,GAAG,UAAU,GAAG,cAAc,CAAC,KAAK,CAAA;~~IACnD~~,IAAM,~~UAAU~~,GAAG,WAAW,GAAG,cAAc,CAAC,KAAK,CAAA;~~IAErD~~,IAAM,MAAM,GAAG,gBAAgB,CAAC,WAAW,GAAG,~~SAAS~~,CAAA;~~IACvD~~,IAAM,MAAM,GAAG,gBAAgB,CAAC,YAAY,GAAG,~~UAAU~~,CAAA;~~IAEzD~~,IAAM,QAAQ,GAAG,IAAA,2BAAe,EAC9B,UAAU,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EACtC,QAAQ,EACR,QAAQ,EACR,CAAC,EACD,KAAK,CACN,CAAA;IAED,IAAM,OAAO,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,~~SAAS~~,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAA;~~IAC9D~~,IAAM,OAAO,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,~~UAAU~~,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAA;~~IAEhE~~,IAAM,YAAY,GAAG,CAAC,WAAW,CAAC,IAAI,GAAG,~~QAAQ~~,CAAC,GAAG,QAAQ,GAAG,OAAO,CAAA;~~IACvE~~,IAAM,YAAY,GAAG,CAAC,WAAW,CAAC,GAAG,GAAG,~~OAAO~~,CAAC,GAAG,QAAQ,GAAG,OAAO,CAAA;~~IAErE~~,IAAM,MAAM,GAAG,IAAA,6BAAe,EAAC,eAAe,EAAE,QAAQ,CAAC,CAAA;IAEnD,IAAA,KAAW,IAAA,qCAAuB,EACtC,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,aAAa,EACb,CAAC,EACD,CAAC,EACD,gBAAgB,CACjB,EARO,CAAC,OAAA,EAAE,CAAC,OAQX,CAAA;IAED,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;AACxD,CAAC;AAED,SAAS,SAAS,CAChB,OAAoB,EACpB,OAAoB,EACpB,OAAoB,EACpB,KAA6B;IAE7B,IAAM,MAAM,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;IAC9C,IAAM,aAAa,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;IACrD,IAAM,aAAa,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;IAErD,IAAM,IAAI,GAAG,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAA;IAC1C,IAAM,IAAI,GAAG,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAA;IAE1C,OAAO;QACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK;QACpD,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK;KACrD,CAAA;AACH,CAAC"}
1	+ {"version":3,"file":"useZoomToElements.js","sourceRoot":"","sources":["../../src/hooks/useZoomToElements.ts"],"names":[],"mappings":"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"}

package/dist/locators/ItemLocator.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@ export declare class ItemLocator<P extends number = number, M extends number = n
     transformItemLocation(item: MaterialItem<P, L>, context: ItemContext<P, M, L>): string[];
     protected transformOwnItemLocation(item: MaterialItem<P, L>, context: ItemContext<P, M, L>): string[];
     getTranslate3d(item: MaterialItem<P, L>, context: ItemContext<P, M, L>): string;
-    getParentItemId(_location: Location<P, L>): number | undefined;
+    getParentItemId(_location: Location<P, L>, _context: ItemContext<P, M, L>): number | undefined;
     position: XYCoordinates;
     getPosition(item: MaterialItem<P, L>, context: ItemContext<P, M, L>): Coordinates;
     positionOnParent: XYCoordinates;

package/dist/locators/ItemLocator.js CHANGED Viewed

@@ -67,13 +67,13 @@ var ItemLocator = (function () {
         var parentMaterial = this.parentItemType ? context.material[this.parentItemType] : undefined;
         if (parentMaterial) {
             var positionOnParent = this.getPositionOnParent(item.location, context);
-            var _b = parentMaterial.getSize(this.getParentItemId(item.location), context), width = _b.width, height = _b.height;
+            var _b = parentMaterial.getSize(this.getParentItemId(item.location, context)), width = _b.width, height = _b.height;
             x += width * (positionOnParent.x - 50) / 100;
             y += height * (positionOnParent.y - 50) / 100;
         }
         return "translate3d(".concat(x, "em, ").concat(y, "em, ").concat(z, "em)");
     };
-    ItemLocator.prototype.getParentItemId = function (_location) {
+    ItemLocator.prototype.getParentItemId = function (_location, _context) {
         return undefined;
     };
     ItemLocator.prototype.getPosition = function (item, context) {
@@ -104,7 +104,7 @@ var ItemLocator = (function () {
             return (_a = parentLocator === null || parentLocator === void 0 ? void 0 : parentLocator.transformItemLocation(parentItem, __assign(__assign({}, context), { type: this.parentItemType, displayIndex: 0 }))) !== null && _a !== void 0 ? _a : [];
         }
         else {
-            var parentItemId_1 = this.getParentItemId(location);
+            var parentItemId_1 = this.getParentItemId(location, context);
             var staticItem = parentMaterial === null || parentMaterial === void 0 ? void 0 : parentMaterial.getStaticItems(context).find(function (item) { return (0, fast_deep_equal_1.default)(item.id, parentItemId_1); });
             if (!staticItem)
                 return [];