@gamepark/react-game 7.0.0-beta.0 → 7.0.0-beta.3

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

@@ -1,140 +1,144 @@
-"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 __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MaterialRulesDialogContent = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var faChevronLeft_1 = require("@fortawesome/free-solid-svg-icons/faChevronLeft");
-var faChevronRight_1 = require("@fortawesome/free-solid-svg-icons/faChevronRight");
-var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-var rules_api_1 = require("@gamepark/rules-api");
-var react_2 = require("react");
-var css_1 = require("../../../css");
-var hooks_1 = require("../../../hooks");
-var useLocators_1 = require("../../../hooks/useLocators");
-var material_1 = require("../../material");
-var LocationDisplay_1 = require("../../material/locations/LocationDisplay");
-var RulesHelpDialogContent_1 = require("./RulesHelpDialogContent");
-var displayHelp = rules_api_1.MaterialMoveBuilder.displayHelp;
-var displayMaterialHelp = rules_api_1.MaterialMoveBuilder.displayMaterialHelp;
-var useMaterialNavigation = function (helpDisplay, context) {
-    var rules = (0, hooks_1.useRules)();
-    var play = (0, hooks_1.usePlay)();
-    var helpItem = helpDisplay.item;
-    var locators = (0, useLocators_1.useLocators)();
-    var material = (0, react_2.useMemo)(function () {
-        var _a;
+import { css, keyframes, useTheme } from '@emotion/react';
+import { faChevronLeft } from '@fortawesome/free-solid-svg-icons/faChevronLeft';
+import { faChevronRight } from '@fortawesome/free-solid-svg-icons/faChevronRight';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { isSameLocationArea, MaterialMoveBuilder } from '@gamepark/rules-api';
+import { useMemo } from 'react';
+import { fontSizeCss } from '../../../css';
+import { useKeyDown, useMaterialContext, useMaterialDescription, usePlay, useRules } from '../../../hooks';
+import { useLocators } from '../../../hooks/useLocators';
+import { MaterialComponent } from '../../material';
+import { LocationDisplay } from '../../material/locations/LocationDisplay';
+import { helpDialogContentCss } from './RulesHelpDialogContent';
+var displayHelp = MaterialMoveBuilder.displayHelp;
+var displayMaterialHelp = MaterialMoveBuilder.displayMaterialHelp;
+const useMaterialNavigation = (helpDisplay, context) => {
+    const rules = useRules();
+    const play = usePlay();
+    const helpItem = helpDisplay.item;
+    const locators = useLocators();
+    const material = useMemo(() => {
         if (!helpItem.location)
             return;
-        var itemOnSameLocation = rules
+        const itemOnSameLocation = rules
             .material(helpDisplay.itemType)
-            .location(function (location) { return (0, rules_api_1.isSameLocationArea)(location, helpItem.location); });
-        var locator = locators[helpItem.location.type];
-        var sorts = (_a = locator === null || locator === void 0 ? void 0 : locator.getNavigationSorts(context)) !== null && _a !== void 0 ? _a : [];
+            .location((location) => isSameLocationArea(location, helpItem.location));
+        const locator = locators[helpItem.location.type];
+        const sorts = locator?.getNavigationSorts(context) ?? [];
         if (!sorts.length)
             return;
-        return itemOnSameLocation.sort.apply(itemOnSameLocation, __spreadArray([], __read(sorts), false));
+        return itemOnSameLocation.sort(...sorts);
     }, [rules.game]);
-    (0, hooks_1.useKeyDown)('ArrowRight', function () { return nextMove ? play(nextMove, { local: true }) : undefined; });
-    (0, hooks_1.useKeyDown)('ArrowLeft', function () { return previousMove ? play(previousMove, { local: true }) : undefined; });
-    var materialIndexes = (0, react_2.useMemo)(function () { return material === null || material === void 0 ? void 0 : material.getIndexes(); }, [material]);
+    useKeyDown('ArrowRight', () => nextMove ? play(nextMove, { local: true }) : undefined);
+    useKeyDown('ArrowLeft', () => previousMove ? play(previousMove, { local: true }) : undefined);
+    const materialIndexes = useMemo(() => material?.getIndexes(), [material]);
     if (!material || !materialIndexes)
         return { previous: undefined, next: undefined };
-    var currentIndex = materialIndexes.indexOf(helpDisplay.itemIndex);
-    var previous = material.index(materialIndexes[currentIndex - 1]);
-    var next = material.index(materialIndexes[currentIndex + 1]);
-    var previousMove = previous.length ? displayMaterialHelp(helpDisplay.itemType, previous.getItem(), previous.getIndex()) : undefined;
-    var nextMove = next.length ? displayMaterialHelp(helpDisplay.itemType, next.getItem(), next.getIndex()) : undefined;
+    const currentIndex = materialIndexes.indexOf(helpDisplay.itemIndex);
+    const previous = material.index(materialIndexes[currentIndex - 1]);
+    const next = material.index(materialIndexes[currentIndex + 1]);
+    const previousMove = previous.length ? displayMaterialHelp(helpDisplay.itemType, previous.getItem(), previous.getIndex()) : undefined;
+    const nextMove = next.length ? displayMaterialHelp(helpDisplay.itemType, next.getItem(), next.getIndex()) : undefined;
     return {
         previous: previous.length ? displayMaterialHelp(helpDisplay.itemType, previous.getItem(), previous.getIndex()) : undefined,
         next: next.length ? displayMaterialHelp(helpDisplay.itemType, next.getItem(), next.getIndex()) : undefined
     };
 };
-var MaterialRulesDialogContent = function (_a) {
-    var _b, _c;
-    var helpDisplay = _a.helpDisplay;
-    var play = (0, hooks_1.usePlay)();
-    var context = (0, hooks_1.useMaterialContext)();
-    var description = (0, hooks_1.useMaterialDescription)(helpDisplay.itemType);
-    var itemContext = __assign(__assign({}, context), { type: helpDisplay.itemType, index: helpDisplay.itemIndex, displayIndex: helpDisplay.displayIndex });
-    var _d = useMaterialNavigation(helpDisplay, itemContext), previous = _d.previous, next = _d.next;
-    var closeDialog = function () { return play(displayHelp(undefined), { transient: true }); };
-    (0, hooks_1.useKeyDown)('Escape', closeDialog);
+export const MaterialRulesDialogContent = ({ helpDisplay }) => {
+    const play = usePlay();
+    const context = useMaterialContext();
+    const description = useMaterialDescription(helpDisplay.itemType);
+    const itemContext = { ...context, type: helpDisplay.itemType, index: helpDisplay.itemIndex, displayIndex: helpDisplay.displayIndex };
+    const { previous, next } = useMaterialNavigation(helpDisplay, itemContext);
+    const closeDialog = () => play(displayHelp(undefined), { transient: true });
+    useKeyDown('Escape', closeDialog);
     if (!description)
         return null;
-    var item = helpDisplay.item;
-    var _e = description.getSize(item.id), width = _e.width, height = _e.height;
-    var hasNavigation = previous || next;
-    var locations = item.location ? (_c = (_b = context.material[helpDisplay.itemType]) === null || _b === void 0 ? void 0 : _b.getLocations(item, itemContext)) !== null && _c !== void 0 ? _c : [] : [];
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { css: [flex, hasNavigation && fullSize], children: [(0, jsx_runtime_1.jsx)(material_1.MaterialComponent, { type: helpDisplay.itemType, itemId: item.id, itemIndex: helpDisplay.itemIndex, css: [
-                            noShrink, (0, css_1.fontSizeCss)(Math.min(75 / height, 75 / width, 10)),
+    const item = helpDisplay.item;
+    const { width, height } = description.getSize(item.id);
+    const hasNavigation = previous || next;
+    const locations = item.location ? context.material[helpDisplay.itemType]?.getLocations(item, itemContext) ?? [] : [];
+    return _jsxs(_Fragment, { children: [_jsxs("div", { css: [flex, hasNavigation && fullSize], children: [_jsx(MaterialComponent, { type: helpDisplay.itemType, itemId: item.id, itemIndex: helpDisplay.itemIndex, css: [
+                            noShrink, fontSizeCss(Math.min(75 / height, 75 / width, 10)),
                             description.getHelpDisplayExtraCss(item, itemContext)
-                        ], children: locations.map(function (location) {
-                            var _a;
-                            var locationDescription = (_a = context.locators[location.type]) === null || _a === void 0 ? void 0 : _a.getLocationDescription(location, context);
+                        ], children: locations.map((location) => {
+                            const locationDescription = context.locators[location.type]?.getLocationDescription(location, context);
                             if (!locationDescription || !locationDescription.displayInParentItemHelp)
                                 return null;
-                            return (0, jsx_runtime_1.jsx)(LocationDisplay_1.LocationDisplay, { location: location, description: locationDescription }, JSON.stringify(location));
-                        }) }), (0, jsx_runtime_1.jsx)("div", { css: RulesHelpDialogContent_1.helpDialogContentCss, children: description.help && (0, jsx_runtime_1.jsx)(description.help, __assign({}, helpDisplay, { closeDialog: closeDialog })) })] }), previous && (0, jsx_runtime_1.jsx)(PreviousArrow, { onPrevious: function () { return play(previous, { transient: true }); } }), next && (0, jsx_runtime_1.jsx)(NextArrow, { onNext: function () { return play(next, { transient: true }); } })] });
+                            return _jsx(LocationDisplay, { location: location, description: locationDescription }, JSON.stringify(location));
+                        }) }), _jsx("div", { css: helpDialogContentCss, children: description.help && _jsx(description.help, { ...helpDisplay, closeDialog: closeDialog }) })] }), previous && _jsx(PreviousArrow, { onPrevious: () => play(previous, { transient: true }) }), next && _jsx(NextArrow, { onNext: () => play(next, { transient: true }) })] });
 };
-exports.MaterialRulesDialogContent = MaterialRulesDialogContent;
-var NextArrow = function (props) {
-    var onNext = props.onNext;
-    var theme = (0, react_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)("div", { tabIndex: 2, css: [navigationArrow(theme), nextArrow], onClick: onNext, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faChevronRight_1.faChevronRight }) }));
+const NextArrow = (props) => {
+    const { onNext } = props;
+    const theme = useTheme();
+    return (_jsx("div", { tabIndex: 2, css: [navigationArrow(theme), nextArrow], onClick: onNext, children: _jsx(FontAwesomeIcon, { icon: faChevronRight }) }));
 };
-var PreviousArrow = function (props) {
-    var onPrevious = props.onPrevious;
-    var theme = (0, react_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)("div", { tabIndex: 1, css: [navigationArrow(theme), previousArrow], onClick: onPrevious, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faChevronLeft_1.faChevronLeft }) }));
+const PreviousArrow = (props) => {
+    const { onPrevious } = props;
+    const theme = useTheme();
+    return (_jsx("div", { tabIndex: 1, css: [navigationArrow(theme), previousArrow], onClick: onPrevious, children: _jsx(FontAwesomeIcon, { icon: faChevronLeft }) }));
 };
-var navigationArrow = function (theme) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  z-index: -1;\n  transform: translateY(-50%);\n  background-color: ", ";\n  color: ", ";\n  font-size: 4em;\n  display: flex;\n  align-items: center;\n  border-radius: 1.4em;\n  justify-content: center;\n  box-shadow: 0 0 0.2em black;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n"], ["\n  position: absolute;\n  top: 50%;\n  z-index: -1;\n  transform: translateY(-50%);\n  background-color: ", ";\n  color: ", ";\n  font-size: 4em;\n  display: flex;\n  align-items: center;\n  border-radius: 1.4em;\n  justify-content: center;\n  box-shadow: 0 0 0.2em black;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n"])), theme.dialog.backgroundColor, theme.dialog.color); };
-var previousAnimation = (0, react_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  70% {\n    left: -2.4em\n  }\n  100% {\n    left: -1.7em;\n  }\n"], ["\n  70% {\n    left: -2.4em\n  }\n  100% {\n    left: -1.7em;\n  }\n"])));
-var previousArrow = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 0.7em 3em 0.7em 0.7em;\n  left: -1.7em;\n\n  &:focus:not(:active) {\n    animation: ", " 0.2s forwards;\n  }\n"], ["\n  padding: 0.7em 3em 0.7em 0.7em;\n  left: -1.7em;\n\n  &:focus:not(:active) {\n    animation: ", " 0.2s forwards;\n  }\n"])), previousAnimation);
-var nextAnimation = (0, react_1.keyframes)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  70% {\n    right: -2.4em\n  }\n  100% {\n    right: -1.7em;\n  }\n"], ["\n  70% {\n    right: -2.4em\n  }\n  100% {\n    right: -1.7em;\n  }\n"])));
-var nextArrow = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  padding: 0.7em 0.7em 0.7em 3em;\n  right: -1.7em;\n\n  &:focus:not(:active) {\n    animation: ", " 0.2s forwards;\n  }\n"], ["\n  padding: 0.7em 0.7em 0.7em 3em;\n  right: -1.7em;\n\n  &:focus:not(:active) {\n    animation: ", " 0.2s forwards;\n  }\n"])), nextAnimation);
-var flex = (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  padding: 3em 1em 3em 3em;\n  max-width: inherit;\n  max-height: inherit;\n"], ["\n  display: flex;\n  padding: 3em 1em 3em 3em;\n  max-width: inherit;\n  max-height: inherit;\n"])));
-var noShrink = (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  flex-shrink: 0;\n"], ["\n  flex-shrink: 0;\n"])));
-var fullSize = (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: 80vw;\n  width: 80dvw;\n"], ["\n  width: 80vw;\n  width: 80dvw;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+const navigationArrow = (theme) => css `
+  position: absolute;
+  top: 50%;
+  z-index: -1;
+  transform: translateY(-50%);
+  background-color: ${theme.dialog.backgroundColor};
+  color: ${theme.dialog.color};
+  font-size: 4em;
+  display: flex;
+  align-items: center;
+  border-radius: 1.4em;
+  justify-content: center;
+  box-shadow: 0 0 0.2em black;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+`;
+const previousAnimation = keyframes `
+  70% {
+    left: -2.4em
+  }
+  100% {
+    left: -1.7em;
+  }
+`;
+const previousArrow = css `
+  padding: 0.7em 3em 0.7em 0.7em;
+  left: -1.7em;
+
+  &:focus:not(:active) {
+    animation: ${previousAnimation} 0.2s forwards;
+  }
+`;
+const nextAnimation = keyframes `
+  70% {
+    right: -2.4em
+  }
+  100% {
+    right: -1.7em;
+  }
+`;
+const nextArrow = css `
+  padding: 0.7em 0.7em 0.7em 3em;
+  right: -1.7em;
+
+  &:focus:not(:active) {
+    animation: ${nextAnimation} 0.2s forwards;
+  }
+`;
+const flex = css `
+  display: flex;
+  padding: 3em 1em 3em 3em;
+  max-width: inherit;
+  max-height: inherit;
+`;
+const noShrink = css `
+  flex-shrink: 0;
+`;
+const fullSize = css `
+  width: 80vw;
+  width: 80dvw;
+`;
 //# sourceMappingURL=MaterialRulesDialogContent.js.map

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

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

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

@@ -1,45 +1,26 @@
-"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");
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var faXmark_1 = require("@fortawesome/free-solid-svg-icons/faXmark");
-var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-var css_1 = require("../../../css");
-var index_1 = require("../index");
-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({ onBackdropClick: close, css: dialogCss }, props, { children: [close && (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, { theme: function (theme) { return (__assign(__assign({}, theme), { buttons: (0, css_1.buttonCss)('#002448', '#c2ebf1', '#ade4ec') })); }, children: children })] })));
+import { css, ThemeProvider } from '@emotion/react';
+import { faXmark } from '@fortawesome/free-solid-svg-icons/faXmark';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { buttonCss } from '../../../css';
+import { Dialog } from '../index';
+export const RulesDialog = ({ close, children, ...props }) => {
+    return (_jsxs(Dialog, { onBackdropClick: close, css: dialogCss, ...props, children: [close && _jsx(FontAwesomeIcon, { icon: faXmark, css: dialogCloseIcon, onClick: close }), _jsx(ThemeProvider, { theme: theme => ({ ...theme, buttons: buttonCss('#002448', '#c2ebf1', '#ade4ec') }), children: children })] }));
 };
-exports.RulesDialog = RulesDialog;
-var dialogCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: 90vw;\n  max-width: 90dvw;\n  max-height: 90vh;\n  max-height: 90dvh;\n  padding: 0;\n"], ["\n  max-width: 90vw;\n  max-width: 90dvw;\n  max-height: 90vh;\n  max-height: 90dvh;\n  padding: 0;\n"])));
-var dialogCloseIcon = (0, react_1.css)(templateObject_2 || (templateObject_2 = __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 templateObject_1, templateObject_2;
+const dialogCss = css `
+  max-width: 90vw;
+  max-width: 90dvw;
+  max-height: 90vh;
+  max-height: 90dvh;
+  padding: 0;
+`;
+const dialogCloseIcon = css `
+  position: absolute;
+  right: 0.5em;
+  top: 0.3em;
+  font-size: 4em;
+  cursor: pointer;
+  z-index: 100;
+`;
 //# sourceMappingURL=RulesDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RulesDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/RulesDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAmD;AACnD,qEAAmE;AACnE,oEAAgE;AAEhE,oCAAwC;AACxC,kCAA8C;AAMvC,IAAM,WAAW,GAAyB,UAAC,EAA+C;IAA7C,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAC3E,OAAO,CACL,wBAAC,cAAM,aAAC,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,IAAM,KAAK,eACtD,KAAK,IAAI,uBAAC,mCAAe,IAAC,IAAI,EAAE,iBAAO,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,GAAG,EACjF,uBAAC,qBAAa,IAAC,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,uBAAM,KAAK,KAAE,OAAO,EAAE,IAAA,eAAS,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,IAAG,EAAnE,CAAmE,YAC/F,QAAQ,GACK,KACT,CACV,CAAA;AACH,CAAC,CAAA;AATY,QAAA,WAAW,eASvB;AAED,IAAM,SAAS,OAAG,WAAG,2KAAA,uGAMpB,IAAA,CAAA;AAED,IAAM,eAAe,OAAG,WAAG,uLAAA,mHAO1B,IAAA,CAAA"}
+{"version":3,"file":"RulesDialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/RulesDialog.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAM9C,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IACnG,OAAO,CACL,MAAC,MAAM,IAAC,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,KAAM,KAAK,aACtD,KAAK,IAAI,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,GAAG,EACjF,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,SAAS,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAAE,CAAC,YAC/F,QAAQ,GACK,IACT,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;CAMpB,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;CAO1B,CAAA"}

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

@@ -3,4 +3,4 @@ export type RulesHelpDialogContentProps = {
     helpDisplay: RulesHelpDisplay;
 };
 export declare const RulesHelpDialogContent: ({ helpDisplay }: RulesHelpDialogContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const helpDialogContentCss: import("@emotion/utils").SerializedStyles;
+export declare const helpDialogContentCss: import("@emotion/react").SerializedStyles;

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

@@ -1,30 +1,39 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.helpDialogContentCss = exports.RulesHelpDialogContent = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var rules_api_1 = require("@gamepark/rules-api");
-var react_2 = require("react");
-var hooks_1 = require("../../../hooks");
-var GameProvider_1 = require("../../GameProvider");
-var displayHelp = rules_api_1.MaterialMoveBuilder.displayHelp;
-var RulesHelpDialogContent = function (_a) {
-    var _b;
-    var helpDisplay = _a.helpDisplay;
-    var play = (0, hooks_1.usePlay)();
-    var context = (0, react_2.useContext)(GameProvider_1.gameContext);
-    var RulesHelp = (_b = context.rulesHelp) === null || _b === void 0 ? void 0 : _b[helpDisplay.ruleId];
-    return (0, jsx_runtime_1.jsx)("div", { css: helpDialogCss, children: (0, jsx_runtime_1.jsx)("div", { css: exports.helpDialogContentCss, children: RulesHelp ?
-                (0, jsx_runtime_1.jsx)(RulesHelp, { close: function () { return play(displayHelp(undefined), { transient: true }); } })
-                : (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", { children: "Missing help" }), (0, jsx_runtime_1.jsxs)("p", { children: ["Please provide some text to explain rule #", helpDisplay.ruleId] })] }) }) });
+import { css } from '@emotion/react';
+import { MaterialMoveBuilder } from '@gamepark/rules-api';
+import { useContext } from 'react';
+import { usePlay } from '../../../hooks';
+import { gameContext } from '../../GameProvider';
+var displayHelp = MaterialMoveBuilder.displayHelp;
+export const RulesHelpDialogContent = ({ helpDisplay }) => {
+    const play = usePlay();
+    const context = useContext(gameContext);
+    const RulesHelp = context.rulesHelp?.[helpDisplay.ruleId];
+    return _jsx("div", { css: helpDialogCss, children: _jsx("div", { css: helpDialogContentCss, children: RulesHelp ?
+                _jsx(RulesHelp, { close: () => play(displayHelp(undefined), { transient: true }) })
+                : _jsxs(_Fragment, { children: [_jsx("h2", { children: "Missing help" }), _jsxs("p", { children: ["Please provide some text to explain rule #", helpDisplay.ruleId] })] }) }) });
 };
-exports.RulesHelpDialogContent = RulesHelpDialogContent;
-var helpDialogCss = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  padding: 3em;\n  max-width: inherit;\n  max-height: inherit;\n"], ["\n  display: flex;\n  padding: 3em;\n  max-width: inherit;\n  max-height: inherit;\n"])));
-exports.helpDialogContentCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0 0.5em;\n  padding: 0 0.5em;\n  font-size: 3em;\n  overflow: auto;\n  flex: 1;\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 0.5em;\n  padding: 0 0.5em;\n  font-size: 3em;\n  overflow: auto;\n  flex: 1;\n\n  > h2 {\n    margin: 0 1em;\n    text-align: center;\n  }\n\n  > p {\n    white-space: break-spaces;\n  }\n"])));
-var templateObject_1, templateObject_2;
+const helpDialogCss = css `
+  display: flex;
+  padding: 3em;
+  max-width: inherit;
+  max-height: inherit;
+`;
+export const helpDialogContentCss = css `
+  margin: 0 0.5em;
+  padding: 0 0.5em;
+  font-size: 3em;
+  overflow: auto;
+  flex: 1;
+
+  > h2 {
+    margin: 0 1em;
+    text-align: center;
+  }
+
+  > p {
+    white-space: break-spaces;
+  }
+`;
 //# sourceMappingURL=RulesHelpDialogContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RulesHelpDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/RulesHelpDialogContent.tsx"],"names":[],"mappings":";;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AACpC,iDAA2E;AAC3E,+BAAkC;AAClC,wCAAwC;AACxC,mDAAgD;AAChD,IAAO,WAAW,GAAG,+BAAmB,CAAC,WAAW,CAAA;AAM7C,IAAM,sBAAsB,GAAG,UACpC,EAA4C;;QAA1C,WAAW,iBAAA;IAEb,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAA;IACvC,IAAM,SAAS,GAAG,MAAA,OAAO,CAAC,SAAS,0CAAG,WAAW,CAAC,MAAM,CAAC,CAAA;IACzD,OAAO,gCAAK,GAAG,EAAE,aAAa,YAC5B,gCAAK,GAAG,EAAE,4BAAoB,YAC3B,SAAS,CAAC,CAAC;gBACV,uBAAC,SAAS,IAAC,KAAK,EAAE,cAAM,OAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAjD,CAAiD,GAAG;gBAC5E,CAAC,CAAC,6DACA,0DAAqB,EACrB,wFAA8C,WAAW,CAAC,MAAM,IAAK,IACpE,GAED,GACF,CAAA;AACR,CAAC,CAAA;AAjBY,QAAA,sBAAsB,0BAiBlC;AAED,IAAM,aAAa,OAAG,WAAG,0JAAA,sFAKxB,IAAA,CAAA;AAEY,QAAA,oBAAoB,OAAG,WAAG,iRAAA,6MAetC,KAAA"}
+{"version":3,"file":"RulesHelpDialogContent.js","sourceRoot":"","sources":["../../../../src/components/dialogs/RulesDialog/RulesHelpDialogContent.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,mBAAmB,EAAoB,MAAM,qBAAqB,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,IAAO,WAAW,GAAG,mBAAmB,CAAC,WAAW,CAAA;AAMpD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,EAAE,WAAW,EAA+B,EAC5C,EAAE;IACF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACvC,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;IACzD,OAAO,cAAK,GAAG,EAAE,aAAa,YAC5B,cAAK,GAAG,EAAE,oBAAoB,YAC3B,SAAS,CAAC,CAAC;gBACV,KAAC,SAAS,IAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,GAAG;gBAC5E,CAAC,CAAC,8BACA,wCAAqB,EACrB,sEAA8C,WAAW,CAAC,MAAM,IAAK,IACpE,GAED,GACF,CAAA;AACR,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;CAKxB,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;CAetC,CAAA"}

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

@@ -1,19 +1,3 @@
-"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);
+export * from './MaterialRulesDialog';
+export * from './RulesDialog';
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/dialogs/index.js

@@ -1,21 +1,5 @@
-"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);
+export * from './RulesDialog';
+export * from './Dialog';
+export * from './FailuresDialog';
+export * from './ResultDialog';
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/index.js

@@ -1,34 +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("./buttons"), exports);
-__exportStar(require("./dialogs"), exports);
-__exportStar(require("./GameProvider"), exports);
-__exportStar(require("./Header"), exports);
-__exportStar(require("./ImagesLoader"), exports);
-__exportStar(require("./JournalTabs"), 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);
-__exportStar(require("./Scoring"), exports);
-__exportStar(require("./tutorial"), exports);
-__exportStar(require("./Avatar"), exports);
-__exportStar(require("./Log"), exports);
+export * from './buttons';
+export * from './dialogs';
+export * from './GameProvider';
+export * from './Header';
+export * from './ImagesLoader';
+export * from './JournalTabs';
+export * from './Letterbox';
+export * from './LoadingScreen';
+export * from './material';
+export * from './menus';
+export * from './Picture';
+export * from './PlayerPanel';
+export * from './PlayerTimer';
+export * from './Scoring';
+export * from './tutorial';
+export * from './Avatar';
+export * from './Log';
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +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,gDAA6B;AAC7B,8CAA2B;AAC3B,kDAA+B;AAC/B,6CAA0B;AAC1B,0CAAuB;AACvB,4CAAyB;AACzB,gDAA6B;AAC7B,gDAA6B;AAC7B,4CAAyB;AACzB,6CAA0B;AAC1B,2CAAwB;AACxB,wCAAqB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA"}