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

package/dist/components/buttons/PlayMoveButton/PlayMoveButton.js

@@ -1,138 +1,138 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __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 __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlayMoveButton = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var react_2 = require("react");
-var react_i18next_1 = require("react-i18next");
-var css_1 = require("../../../css");
-var hooks_1 = require("../../../hooks");
-var dialogs_1 = require("../../dialogs");
-var ThemeButton_1 = require("../ThemeButton");
-var PlayMoveButton = function (props) {
-    var _a;
-    var move = props.move, _b = props.moves, moves = _b === void 0 ? move ? [move] : [] : _b, confirmation = props.confirmation, delayed = props.delayed, skipAnimation = props.skipAnimation, local = props.local, transient = props.transient, onPlay = props.onPlay, auto = props.auto, rest = __rest(props, ["move", "moves", "confirmation", "delayed", "skipAnimation", "local", "transient", "onPlay", "auto"]);
-    var play = (0, hooks_1.usePlay)();
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var _c = __read((0, react_2.useState)(false), 2), showDialog = _c[0], setShowDialog = _c[1];
-    var _d = __read((0, react_2.useState)(false), 2), displayedLongEnough = _d[0], setDisplayedLongEnough = _d[1];
-    var disabled = !moves.length;
-    (0, react_2.useEffect)(function () {
-        if (disabled) {
-            setDisplayedLongEnough(false);
-        }
-        else {
-            var timeout_1 = setTimeout(function () { return setDisplayedLongEnough(true); }, 200);
-            return function () { return clearTimeout(timeout_1); };
-        }
-    }, [disabled]);
-    var doPlay = (0, react_2.useCallback)(function () {
-        var e_1, _a;
-        setCountdown(undefined);
-        setShowDialog(false);
-        try {
-            for (var moves_1 = __values(moves), moves_1_1 = moves_1.next(); !moves_1_1.done; moves_1_1 = moves_1.next()) {
-                var move_1 = moves_1_1.value;
-                play(move_1, { delayed: delayed, skipAnimation: skipAnimation, local: local, transient: transient });
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (moves_1_1 && !moves_1_1.done && (_a = moves_1.return)) _a.call(moves_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        if (onPlay)
-            onPlay();
-    }, [moves, delayed, skipAnimation, local, transient, onPlay]);
-    var onClick = (0, react_2.useCallback)(function () {
-        if (confirmation !== undefined) {
-            setShowDialog(true);
-        }
-        else if (displayedLongEnough) {
-            doPlay();
-        }
-    }, [confirmation !== undefined, doPlay, displayedLongEnough]);
-    var _e = __read((0, react_2.useState)(undefined), 2), countdown = _e[0], setCountdown = _e[1];
-    (0, react_2.useEffect)(function () {
-        if (disabled)
-            setCountdown(undefined);
-        else
-            setCountdown(auto);
-    }, [disabled, auto]);
-    (0, react_2.useEffect)(function () {
-        if (auto) {
-            var interval_1 = setInterval(function () { return setCountdown(function (countdown) { return countdown && countdown > 0 ? countdown - 1 : countdown; }); }, 1000);
-            return function () { return clearInterval(interval_1); };
-        }
-    }, [auto]);
-    (0, react_2.useEffect)(function () {
-        if (countdown === 0)
-            doPlay();
-    }, [countdown]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!!confirmation && ((0, jsx_runtime_1.jsx)(dialogs_1.Dialog, __assign({ open: showDialog, onBackdropClick: function () { return setShowDialog(false); }, css: [flex, confirmationDialogCss] }, { children: (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: content }, { children: [(0, jsx_runtime_1.jsx)("p", { children: confirmation.text }), (0, jsx_runtime_1.jsxs)("div", __assign({ css: buttons }, { children: [(0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ onClick: function () { return setShowDialog(false); } }, rest, { children: (_a = confirmation.cancelText) !== null && _a !== void 0 ? _a : t('Cancel') })), (0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ css: moveButton, onClick: doPlay }, rest))] }))] })) })) }), "dialog")), (0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ onClick: onClick, disabled: disabled, css: countdown && countdownCss(countdown) }, rest), "button")] }));
-};
-exports.PlayMoveButton = PlayMoveButton;
-var buttons = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-bottom: 0.3em;\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-bottom: 0.3em;\n"])));
-var moveButton = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &:first-letter {\n    text-transform: capitalize;\n  }\n\n  align-self: flex-end;\n\n  > button {\n    white-space: break-spaces;\n  }\n"], ["\n  &:first-letter {\n    text-transform: capitalize;\n  }\n\n  align-self: flex-end;\n\n  > button {\n    white-space: break-spaces;\n  }\n"])));
-var flex = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  padding: 3em 1em 3em 3em;\n  max-width: 90vw;\n  max-height: 90vh;\n"], ["\n  display: flex;\n  padding: 3em 1em 3em 3em;\n  max-width: 90vw;\n  max-height: 90vh;\n"])));
-var content = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin: 0 1em;\n  font-size: 3em;\n  display: flex;\n  flex-direction: column;\n\n  p {\n    white-space: break-spaces;\n  }\n"], ["\n  margin: 0 1em;\n  font-size: 3em;\n  display: flex;\n  flex-direction: column;\n\n  p {\n    white-space: break-spaces;\n  }\n"])));
-var confirmationDialogCss = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  background-color: #f0fbfc;\n  color: #002448;\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n  font-family: \"Mulish\", sans-serif;\n"], ["\n  position: relative;\n  background-color: #f0fbfc;\n  color: #002448;\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n  font-family: \"Mulish\", sans-serif;\n"])));
-var countdownCss = function (countdown) { return (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  padding-right: 2em;\n  position: relative;\n\n  &:after {\n    content: '", "';\n    position: absolute;\n    right: 0.5em;\n    font-style: italic;\n  }\n"], ["\n  padding-right: 2em;\n  position: relative;\n\n  &:after {\n    content: '", "';\n    position: absolute;\n    right: 0.5em;\n    font-style: italic;\n  }\n"])), countdown); };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __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 __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayMoveButton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var react_2 = require("react");
+var react_i18next_1 = require("react-i18next");
+var css_1 = require("../../../css");
+var hooks_1 = require("../../../hooks");
+var dialogs_1 = require("../../dialogs");
+var ThemeButton_1 = require("../ThemeButton");
+var PlayMoveButton = function (props) {
+    var _a;
+    var move = props.move, _b = props.moves, moves = _b === void 0 ? move ? [move] : [] : _b, confirmation = props.confirmation, delayed = props.delayed, skipAnimation = props.skipAnimation, local = props.local, transient = props.transient, onPlay = props.onPlay, auto = props.auto, rest = __rest(props, ["move", "moves", "confirmation", "delayed", "skipAnimation", "local", "transient", "onPlay", "auto"]);
+    var play = (0, hooks_1.usePlay)();
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _c = __read((0, react_2.useState)(false), 2), showDialog = _c[0], setShowDialog = _c[1];
+    var _d = __read((0, react_2.useState)(false), 2), displayedLongEnough = _d[0], setDisplayedLongEnough = _d[1];
+    var disabled = !moves.length;
+    (0, react_2.useEffect)(function () {
+        if (disabled) {
+            setDisplayedLongEnough(false);
+        }
+        else {
+            var timeout_1 = setTimeout(function () { return setDisplayedLongEnough(true); }, 200);
+            return function () { return clearTimeout(timeout_1); };
+        }
+    }, [disabled]);
+    var doPlay = (0, react_2.useCallback)(function () {
+        var e_1, _a;
+        setCountdown(undefined);
+        setShowDialog(false);
+        try {
+            for (var moves_1 = __values(moves), moves_1_1 = moves_1.next(); !moves_1_1.done; moves_1_1 = moves_1.next()) {
+                var move_1 = moves_1_1.value;
+                play(move_1, { delayed: delayed, skipAnimation: skipAnimation, local: local, transient: transient });
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (moves_1_1 && !moves_1_1.done && (_a = moves_1.return)) _a.call(moves_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        if (onPlay)
+            onPlay();
+    }, [moves, delayed, skipAnimation, local, transient, onPlay]);
+    var onClick = (0, react_2.useCallback)(function () {
+        if (confirmation !== undefined) {
+            setShowDialog(true);
+        }
+        else if (displayedLongEnough) {
+            doPlay();
+        }
+    }, [confirmation !== undefined, doPlay, displayedLongEnough]);
+    var _e = __read((0, react_2.useState)(undefined), 2), countdown = _e[0], setCountdown = _e[1];
+    (0, react_2.useEffect)(function () {
+        if (disabled)
+            setCountdown(undefined);
+        else
+            setCountdown(auto);
+    }, [disabled, auto]);
+    (0, react_2.useEffect)(function () {
+        if (auto) {
+            var interval_1 = setInterval(function () { return setCountdown(function (countdown) { return countdown && countdown > 0 ? countdown - 1 : countdown; }); }, 1000);
+            return function () { return clearInterval(interval_1); };
+        }
+    }, [auto]);
+    (0, react_2.useEffect)(function () {
+        if (countdown === 0)
+            doPlay();
+    }, [countdown]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!!confirmation && ((0, jsx_runtime_1.jsx)(dialogs_1.Dialog, { open: showDialog, onBackdropClick: function () { return setShowDialog(false); }, css: [flex, confirmationDialogCss], children: (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, { theme: function (theme) { return (__assign(__assign({}, theme), { buttons: (0, css_1.buttonCss)('#002448', '#c2ebf1', '#ade4ec') })); }, children: (0, jsx_runtime_1.jsxs)("div", { css: content, children: [(0, jsx_runtime_1.jsx)("p", { children: confirmation.text }), (0, jsx_runtime_1.jsxs)("div", { css: buttons, children: [(0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ onClick: function () { return setShowDialog(false); } }, rest, { children: (_a = confirmation.cancelText) !== null && _a !== void 0 ? _a : t('Cancel') })), (0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ css: moveButton, onClick: doPlay }, rest))] })] }) }) }, "dialog")), (0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ onClick: onClick, disabled: disabled, css: countdown && countdownCss(countdown) }, rest), "button")] }));
+};
+exports.PlayMoveButton = PlayMoveButton;
+var buttons = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-bottom: 0.3em;\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-bottom: 0.3em;\n"])));
+var moveButton = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &:first-letter {\n    text-transform: capitalize;\n  }\n\n  align-self: flex-end;\n\n  > button {\n    white-space: break-spaces;\n  }\n"], ["\n  &:first-letter {\n    text-transform: capitalize;\n  }\n\n  align-self: flex-end;\n\n  > button {\n    white-space: break-spaces;\n  }\n"])));
+var flex = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  padding: 3em 1em 3em 3em;\n  max-width: 90vw;\n  max-height: 90vh;\n"], ["\n  display: flex;\n  padding: 3em 1em 3em 3em;\n  max-width: 90vw;\n  max-height: 90vh;\n"])));
+var content = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin: 0 1em;\n  font-size: 3em;\n  display: flex;\n  flex-direction: column;\n\n  p {\n    white-space: break-spaces;\n  }\n"], ["\n  margin: 0 1em;\n  font-size: 3em;\n  display: flex;\n  flex-direction: column;\n\n  p {\n    white-space: break-spaces;\n  }\n"])));
+var confirmationDialogCss = (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  background-color: #f0fbfc;\n  color: #002448;\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n  font-family: \"Mulish\", sans-serif;\n"], ["\n  position: relative;\n  background-color: #f0fbfc;\n  color: #002448;\n  padding: 1em;\n  border-radius: 1em;\n  box-shadow: 0 0 0.2em black;\n  font-family: \"Mulish\", sans-serif;\n"])));
+var countdownCss = function (countdown) { return (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  padding-right: 2em;\n  position: relative;\n\n  &:after {\n    content: '", "';\n    position: absolute;\n    right: 0.5em;\n    font-style: italic;\n  }\n"], ["\n  padding-right: 2em;\n  position: relative;\n\n  &:after {\n    content: '", "';\n    position: absolute;\n    right: 0.5em;\n    font-style: italic;\n  }\n"])), countdown); };
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 //# sourceMappingURL=PlayMoveButton.js.map

package/dist/components/buttons/PlayMoveButton/PlayMoveButton.js.map

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

package/dist/components/buttons/PlayMoveButton/index.d.ts

@@ -1 +1 @@
-export * from './PlayMoveButton';
+export * from './PlayMoveButton';

package/dist/components/buttons/PlayMoveButton/index.js

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

package/dist/components/buttons/ThemeButton/ThemeButton.d.ts

@@ -1,3 +1,3 @@
-/** @jsxImportSource @emotion/react */
-import { ButtonHTMLAttributes, FC } from 'react';
-export declare const ThemeButton: FC<ButtonHTMLAttributes<HTMLButtonElement>>;
+/** @jsxImportSource @emotion/react */
+import { ButtonHTMLAttributes, FC } from 'react';
+export declare const ThemeButton: FC<ButtonHTMLAttributes<HTMLButtonElement>>;

package/dist/components/buttons/ThemeButton/ThemeButton.js

@@ -1,22 +1,22 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeButton = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = require("@emotion/react");
-var ThemeButton = function (props) {
-    var theme = (0, react_1.useTheme)();
-    return (0, jsx_runtime_1.jsx)("button", __assign({ css: theme.buttons }, props));
-};
-exports.ThemeButton = ThemeButton;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeButton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var ThemeButton = function (props) {
+    var theme = (0, react_1.useTheme)();
+    return (0, jsx_runtime_1.jsx)("button", __assign({ css: theme.buttons }, props));
+};
+exports.ThemeButton = ThemeButton;
 //# sourceMappingURL=ThemeButton.js.map

package/dist/components/buttons/ThemeButton/index.d.ts

@@ -1 +1 @@
-export * from './ThemeButton';
+export * from './ThemeButton';

package/dist/components/buttons/ThemeButton/index.js

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

package/dist/components/buttons/UndoMovesButton/UndoMovesButton.d.ts

@@ -1,7 +1,7 @@
-/** @jsxImportSource @emotion/react */
-import { PlayOptions } from '@gamepark/react-client';
-import { ButtonHTMLAttributes, FC } from 'react';
-export type UndoMovesButtonProps = {
-    moves?: number;
-} & PlayOptions & ButtonHTMLAttributes<HTMLButtonElement>;
-export declare const UndoMovesButton: FC<UndoMovesButtonProps>;
+/** @jsxImportSource @emotion/react */
+import { PlayOptions } from '@gamepark/react-client';
+import { ButtonHTMLAttributes, FC } from 'react';
+export type UndoMovesButtonProps = {
+    moves?: number;
+} & PlayOptions & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const UndoMovesButton: FC<UndoMovesButtonProps>;

package/dist/components/buttons/UndoMovesButton/UndoMovesButton.js

@@ -1,73 +1,73 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UndoMovesButton = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = require("react");
-var hooks_1 = require("../../../hooks");
-var useIsAnimatingPlayerAction_1 = require("../../material/utils/useIsAnimatingPlayerAction");
-var ThemeButton_1 = require("../ThemeButton");
-var UndoMovesButton = function (props) {
-    var _a = props.moves, moves = _a === void 0 ? 1 : _a, rest = __rest(props, ["moves"]);
-    var _b = __read((0, hooks_1.useUndo)(), 2), undo = _b[0], canUndo = _b[1];
-    var _c = __read((0, react_1.useState)(false), 2), displayedLongEnough = _c[0], setDisplayedLongEnough = _c[1];
-    var isAnimatingPlayerAction = (0, useIsAnimatingPlayerAction_1.useIsAnimatingPlayerAction)();
-    var disabled = (0, react_1.useMemo)(function () { return isAnimatingPlayerAction || !canUndo(); }, [isAnimatingPlayerAction, canUndo]);
-    (0, react_1.useEffect)(function () {
-        if (disabled) {
-            setDisplayedLongEnough(false);
-        }
-        else {
-            var timeout_1 = setTimeout(function () { return setDisplayedLongEnough(true); }, 200);
-            return function () { return clearTimeout(timeout_1); };
-        }
-    }, [disabled]);
-    var doUndo = (0, react_1.useCallback)(function () {
-        undo(moves);
-    }, [undo, moves]);
-    var onClick = (0, react_1.useCallback)(function () {
-        if (displayedLongEnough) {
-            doUndo();
-        }
-    }, [doUndo, displayedLongEnough]);
-    return (0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ onClick: onClick, disabled: disabled }, rest), "button");
-};
-exports.UndoMovesButton = UndoMovesButton;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UndoMovesButton = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("react");
+var hooks_1 = require("../../../hooks");
+var useIsAnimatingPlayerAction_1 = require("../../material/utils/useIsAnimatingPlayerAction");
+var ThemeButton_1 = require("../ThemeButton");
+var UndoMovesButton = function (props) {
+    var _a = props.moves, moves = _a === void 0 ? 1 : _a, rest = __rest(props, ["moves"]);
+    var _b = __read((0, hooks_1.useUndo)(), 2), undo = _b[0], canUndo = _b[1];
+    var _c = __read((0, react_1.useState)(false), 2), displayedLongEnough = _c[0], setDisplayedLongEnough = _c[1];
+    var isAnimatingPlayerAction = (0, useIsAnimatingPlayerAction_1.useIsAnimatingPlayerAction)();
+    var disabled = (0, react_1.useMemo)(function () { return isAnimatingPlayerAction || !canUndo(); }, [isAnimatingPlayerAction, canUndo]);
+    (0, react_1.useEffect)(function () {
+        if (disabled) {
+            setDisplayedLongEnough(false);
+        }
+        else {
+            var timeout_1 = setTimeout(function () { return setDisplayedLongEnough(true); }, 200);
+            return function () { return clearTimeout(timeout_1); };
+        }
+    }, [disabled]);
+    var doUndo = (0, react_1.useCallback)(function () {
+        undo(moves);
+    }, [undo, moves]);
+    var onClick = (0, react_1.useCallback)(function () {
+        if (displayedLongEnough) {
+            doUndo();
+        }
+    }, [doUndo, displayedLongEnough]);
+    return (0, jsx_runtime_1.jsx)(ThemeButton_1.ThemeButton, __assign({ onClick: onClick, disabled: disabled }, rest), "button");
+};
+exports.UndoMovesButton = UndoMovesButton;
 //# sourceMappingURL=UndoMovesButton.js.map

package/dist/components/buttons/UndoMovesButton/UndoMovesButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UndoMovesButton.js","sourceRoot":"","sources":["../../../../src/components/buttons/UndoMovesButton/UndoMovesButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+BAA2F;AAC3F,wCAAwC;AACxC,8FAA4F;AAC5F,8CAA4C;AAMrC,IAAM,eAAe,GAA6B,UAAC,KAAK;IACrD,IAAA,KAAuB,KAAK,MAAnB,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAK,IAAI,UAAK,KAAK,EAA9B,SAAsB,CAAF,CAAU;IAC9B,IAAA,KAAA,OAAkB,IAAA,eAAO,GAAE,IAAA,EAA1B,IAAI,QAAA,EAAE,OAAO,QAAa,CAAA;IAC3B,IAAA,KAAA,OAAgD,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAA9D,mBAAmB,QAAA,EAAE,sBAAsB,QAAmB,CAAA;IACrE,IAAM,uBAAuB,GAAG,IAAA,uDAA0B,GAAE,CAAA;IAC5D,IAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,uBAAuB,IAAI,CAAC,OAAO,EAAE,EAArC,CAAqC,EAAE,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAC,CAAA;IACzG,IAAA,iBAAS,EAAC;QACR,IAAI,QAAQ,EAAE;YACZ,sBAAsB,CAAC,KAAK,CAAC,CAAA;SAC9B;aAAM;YACL,IAAM,SAAO,GAAG,UAAU,CAAC,cAAM,OAAA,sBAAsB,CAAC,IAAI,CAAC,EAA5B,CAA4B,EAAE,GAAG,CAAC,CAAA;YACnE,OAAO,cAAM,OAAA,YAAY,CAAC,SAAO,CAAC,EAArB,CAAqB,CAAA;SACnC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAM,MAAM,GAAG,IAAA,mBAAW,EAAC;QACzB,IAAI,CAAC,KAAK,CAAC,CAAA;IACb,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAEjB,IAAM,OAAO,GAAG,IAAA,mBAAW,EAAC;QAC1B,IAAI,mBAAmB,EAAE;YACvB,MAAM,EAAE,CAAA;SACT;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAEjC,OAAO,uBAAC,yBAAW,aAAc,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,IAAM,IAAI,GAAvD,QAAQ,CAAkD,CAAA;AACpF,CAAC,CAAA;AA1BY,QAAA,eAAe,mBA0B3B"}
+{"version":3,"file":"UndoMovesButton.js","sourceRoot":"","sources":["../../../../src/components/buttons/UndoMovesButton/UndoMovesButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+BAA2F;AAC3F,wCAAwC;AACxC,8FAA4F;AAC5F,8CAA4C;AAMrC,IAAM,eAAe,GAA6B,UAAC,KAAK;IACrD,IAAA,KAAuB,KAAK,MAAnB,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAK,IAAI,UAAK,KAAK,EAA9B,SAAsB,CAAF,CAAU;IAC9B,IAAA,KAAA,OAAkB,IAAA,eAAO,GAAE,IAAA,EAA1B,IAAI,QAAA,EAAE,OAAO,QAAa,CAAA;IAC3B,IAAA,KAAA,OAAgD,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAA9D,mBAAmB,QAAA,EAAE,sBAAsB,QAAmB,CAAA;IACrE,IAAM,uBAAuB,GAAG,IAAA,uDAA0B,GAAE,CAAA;IAC5D,IAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,uBAAuB,IAAI,CAAC,OAAO,EAAE,EAArC,CAAqC,EAAE,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAC,CAAA;IACzG,IAAA,iBAAS,EAAC;QACR,IAAI,QAAQ,EAAE,CAAC;YACb,sBAAsB,CAAC,KAAK,CAAC,CAAA;QAC/B,CAAC;aAAM,CAAC;YACN,IAAM,SAAO,GAAG,UAAU,CAAC,cAAM,OAAA,sBAAsB,CAAC,IAAI,CAAC,EAA5B,CAA4B,EAAE,GAAG,CAAC,CAAA;YACnE,OAAO,cAAM,OAAA,YAAY,CAAC,SAAO,CAAC,EAArB,CAAqB,CAAA;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAM,MAAM,GAAG,IAAA,mBAAW,EAAC;QACzB,IAAI,CAAC,KAAK,CAAC,CAAA;IACb,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAEjB,IAAM,OAAO,GAAG,IAAA,mBAAW,EAAC;QAC1B,IAAI,mBAAmB,EAAE,CAAC;YACxB,MAAM,EAAE,CAAA;QACV,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAEjC,OAAO,uBAAC,yBAAW,aAAc,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,IAAM,IAAI,GAAvD,QAAQ,CAAkD,CAAA;AACpF,CAAC,CAAA;AA1BY,QAAA,eAAe,mBA0B3B"}

package/dist/components/buttons/UndoMovesButton/index.d.ts

@@ -1 +1 @@
-export * from './UndoMovesButton';
+export * from './UndoMovesButton';