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

package/dist/components/material/MaterialDescription.js

@@ -1,296 +1,293 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MaterialDescription = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-var react_1 = require("@emotion/react");
-var faQuestion_1 = require("@fortawesome/free-solid-svg-icons/faQuestion");
-var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-var rules_api_1 = require("@gamepark/rules-api");
-var groupBy_1 = __importDefault(require("lodash/groupBy"));
-var partition_1 = __importDefault(require("lodash/partition"));
-var react_i18next_1 = require("react-i18next");
-var locators_1 = require("../../locators");
-var ComponentDescription_1 = require("./ComponentDescription");
-var ItemMenuButton_1 = require("./ItemMenuButton");
-var displayMaterialHelp = rules_api_1.MaterialMoveBuilder.displayMaterialHelp;
-/**
- * Base class to describe the material in a game
- */
-var MaterialDescription = /** @class */ (function (_super) {
-    __extends(MaterialDescription, _super);
-    function MaterialDescription() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * If the component can be moved (token, cards...) or not (writing)
-         */
-        _this.isMobile = false;
-        /**
-         * See {@link getStaticItems}
-         */
-        _this.staticItems = [];
-        /**
-         * See {@link getLocations}
-         */
-        _this.locations = [];
-        /**
-         * Thickness of the item
-         */
-        _this.thickness = 0.05;
-        _this.menuAlwaysVisible = false;
-        return _this;
-    }
-    /**
-     * Return any items to display that are not part of the game state because they never move (board or unlimited stockpiles for instance).
-     * Default value: {@link staticItem} if defined, otherwise {@link staticItems}. Override if the static items depends on the context.
-     *
-     * @param {MaterialContext} _context Context of the game
-     * @returns {MaterialItem[]} the extra items to display
-     */
-    MaterialDescription.prototype.getStaticItems = function (_context) {
-        return this.staticItem ? [this.staticItem] : this.staticItems;
-    };
-    /**
-     * If items are created of deleted, by default the animation will fade in or fade out the item quickly.
-     * If you want to animate from/to a location (a stockpile for instance), implement this function or simply {@link stockLocation}.
-     * @param _item Item that is getting created or deleted.
-     * @param _context Context of the game
-     * @returns The location to animate from/to
-     */
-    MaterialDescription.prototype.getStockLocation = function (_item, _context) {
-        return this.stockLocation;
-    };
-    /**
-     * The internal locations of the item, for instance the spots to put material on a board.
-     * Will return {@link location} by default if defined, {@link locations} otherwise.
-     *
-     * @param _item The item that contains the locations
-     * @param _context Context of the game
-     */
-    MaterialDescription.prototype.getLocations = function (_item, _context) {
-        return this.location ? [this.location] : this.locations;
-    };
-    /**
-     * This function determines if an item can currently be dragged by the user to perform a given move.
-     *
-     * @param _move The move to consider
-     * @param _context Context of the item
-     */
-    MaterialDescription.prototype.canDrag = function (_move, _context) {
-        return false;
-    };
-    /**
-     * This function determines if a move can be played by clicking for 1 second on an item
-     *
-     * @param move The move to consider
-     * @param context Context of the item
-     */
-    MaterialDescription.prototype.canLongClick = function (move, context) {
-        return ((0, rules_api_1.isMoveItem)(move) || (0, rules_api_1.isDeleteItem)(move) || (0, rules_api_1.isRoll)(move)) && move.itemType === context.type && move.itemIndex === context.index;
-    };
-    /**
-     * This function determines if a move can be played by clicking on an item
-     *
-     * @param move The move to consider
-     * @param context Context of the item
-     */
-    MaterialDescription.prototype.canShortClick = function (move, context) {
-        return (0, rules_api_1.isSelectItem)(move) && move.itemType === context.type && move.itemIndex === context.index;
-    };
-    /**
-     * This function returns the move that should be played when clicking on an item, if any
-     *
-     * @param _context Context of the item
-     */
-    MaterialDescription.prototype.getShortClickMove = function (_context) {
-        return undefined;
-    };
-    /**
-     * This function returns the local move that should be played when clicking on an item, if any
-     *
-     * @param _context Context of the item
-     */
-    MaterialDescription.prototype.getShortClickLocalMove = function (_context) {
-        return undefined;
-    };
-    /**
-     * Returns the thickness of the item. Default to {@link thickness}
-     * @param _item the item
-     * @param _context Context of the item
-     * @returns {number} The thickness
-     */
-    MaterialDescription.prototype.getThickness = function (_item, _context) {
-        return this.thickness;
-    };
-    /**
-     * Any extra css to add on the item
-     * @param _item The item
-     * @param _context Context of the item
-     * @returns The css, using Emotion framework
-     */
-    MaterialDescription.prototype.getItemExtraCss = function (_item, _context) {
-        return;
-    };
-    /**
-     * Whether the item should be highlighted
-     * @param _item The item
-     * @param _context Context of the item
-     * @return true if the item should be highlighted
-     */
-    MaterialDescription.prototype.highlight = function (_item, _context) {
-        return;
-    };
-    /**
-     * The move to execute in order to display the help dialog about this item.
-     * By default, open the help about this specific item, but it can be the help about the location of the item sometimes.
-     * @param item The item
-     * @param context Context of the item
-     * @return The move to play to open the help dialog
-     */
-    MaterialDescription.prototype.displayHelp = function (item, context) {
-        var type = context.type, index = context.index, displayIndex = context.displayIndex;
-        return displayMaterialHelp(type, item, index, displayIndex);
-    };
-    /**
-     * Builds the CSS transform that will be applied to the item.
-     * @param item Item to position
-     * @param context Context of the item
-     * @returns {string[]} a list of CSS transformations
-     */
-    MaterialDescription.prototype.getItemTransform = function (item, context) {
-        var transform = ['translate(-50%, -50%)'];
-        var locator = context.locators[item.location.type];
-        if (locator)
-            transform.push.apply(transform, __spreadArray([], __read(locator.placeItem(item, context)), false));
-        return transform;
-    };
-    /**
-     * Builds the CSS transform that will be applied to the item when hovered.
-     * @param _item Item to position
-     * @param _context Context of the item
-     * @returns {string[]} a list of CSS transformations
-     */
-    MaterialDescription.prototype.getHoverTransform = function (_item, _context) {
-        return [];
-    };
-    /**
-     * Provide the locations that are required to drop an item given the legal moves that currently allow to drag the item.
-     * @param context Context of the item. Use {@link getItemFromContext} to get the item from it.
-     * @param dragMoves Legal moves filtered to only keep those that allows the item to be dragged
-     * @return All the locations where the item can be dropped
-     */
-    MaterialDescription.prototype.getDropLocations = function (context, dragMoves) {
-        var _this = this;
-        var locations = [];
-        var _a = __read((0, partition_1.default)(dragMoves, isMovementOfItem), 2), itemMoves = _a[0], otherMoves = _a[1];
-        var itemMovesByType = (0, groupBy_1.default)(itemMoves, function (move) { var _a; return (_a = move.location.type) !== null && _a !== void 0 ? _a : context.rules.material(move.itemType).getItem((0, rules_api_1.isMoveItem)(move) ? move.itemIndex : move.indexes[0]).location.type; });
-        for (var type in itemMovesByType) {
-            var locator = context.locators[parseInt(type)];
-            if (locator) {
-                locations.push.apply(locations, __spreadArray([], __read(locator.getDropLocations(itemMovesByType[type], context)), false));
-            }
-            else {
-                locations.push.apply(locations, __spreadArray([], __read(itemMovesByType[type].flatMap(function (move) { return _this.getMoveDropLocations(context, move); })), false));
-            }
-        }
-        locations.push.apply(locations, __spreadArray([], __read(otherMoves.flatMap(function (move) { return _this.getMoveDropLocations(context, move); })), false));
-        return locations;
-    };
-    MaterialDescription.prototype.getMoveDropLocations = function (context, move) {
-        if ((0, rules_api_1.isMoveItem)(move) && move.location.type !== undefined) {
-            return [move.location];
-        }
-        else if ((0, rules_api_1.isDeleteItem)(move)) {
-            var stockLocation = this.getStockLocation((0, locators_1.getItemFromContext)(context), context);
-            return stockLocation ? [stockLocation] : [];
-        }
-        return [];
-    };
-    MaterialDescription.prototype.getTooltip = function (item, t, _context) {
-        if (item.quantity)
-            return t('quantity.tooltip', { n: item.quantity });
-        return;
-    };
-    MaterialDescription.prototype.isMenuAlwaysVisible = function (_item, _context) {
-        return this.menuAlwaysVisible;
-    };
-    MaterialDescription.prototype.getItemMenu = function (_item, _context, _legalMoves) {
-        return;
-    };
-    MaterialDescription.prototype.getHelpButton = function (item, context, props) {
-        if (props === void 0) { props = {}; }
-        return (0, jsx_runtime_1.jsx)(ItemMenuButton_1.ItemMenuButton, __assign({ label: (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "Help" }), move: this.displayHelp(item, context), options: { transient: true }, angle: 30 }, props, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faQuestion_1.faQuestion }) }));
-    };
-    MaterialDescription.prototype.getAnimationCss = function (keyframes, duration) {
-        return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      animation: ", " ", "s linear infinite;\n\n      > * {\n        animation: ", " ", "s ease-in-out forwards;\n      }\n    "], ["\n      animation: ", " ", "s linear infinite;\n\n      > * {\n        animation: ", " ", "s ease-in-out forwards;\n      }\n    "])), upAndDown, duration, keyframes, duration);
-    };
-    MaterialDescription.prototype.getHelpDisplayExtraCss = function (_item, _context) {
-        return;
-    };
-    return MaterialDescription;
-}(ComponentDescription_1.ComponentDescription));
-exports.MaterialDescription = MaterialDescription;
-function isMovementOfItem(move) {
-    return (0, rules_api_1.isMoveItem)(move) || (0, rules_api_1.isMoveItemsAtOnce)(move);
-}
-var upAndDown = (0, react_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  from, to {\n    transform: none;\n  }\n  50% {\n    transform: translateZ(10em);\n  }\n"], ["\n  from, to {\n    transform: none;\n  }\n  50% {\n    transform: translateZ(10em);\n  }\n"])));
-var templateObject_1, templateObject_2;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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.MaterialDescription = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var faQuestion_1 = require("@fortawesome/free-solid-svg-icons/faQuestion");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var rules_api_1 = require("@gamepark/rules-api");
+var es_toolkit_1 = require("es-toolkit");
+var compat_1 = require("es-toolkit/compat");
+var react_i18next_1 = require("react-i18next");
+var locators_1 = require("../../locators");
+var ComponentDescription_1 = require("./ComponentDescription");
+var ItemMenuButton_1 = require("./ItemMenuButton");
+var displayMaterialHelp = rules_api_1.MaterialMoveBuilder.displayMaterialHelp;
+/**
+ * Base class to describe the material in a game
+ */
+var MaterialDescription = /** @class */ (function (_super) {
+    __extends(MaterialDescription, _super);
+    function MaterialDescription() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        /**
+         * If the component can be moved (token, cards...) or not (writing)
+         */
+        _this.isMobile = false;
+        /**
+         * See {@link getStaticItems}
+         */
+        _this.staticItems = [];
+        /**
+         * See {@link getLocations}
+         */
+        _this.locations = [];
+        /**
+         * Thickness of the item
+         */
+        _this.thickness = 0.05;
+        _this.menuAlwaysVisible = false;
+        return _this;
+    }
+    /**
+     * Return any items to display that are not part of the game state because they never move (board or unlimited stockpiles for instance).
+     * Default value: {@link staticItem} if defined, otherwise {@link staticItems}. Override if the static items depends on the context.
+     *
+     * @param {MaterialContext} _context Context of the game
+     * @returns {MaterialItem[]} the extra items to display
+     */
+    MaterialDescription.prototype.getStaticItems = function (_context) {
+        return this.staticItem ? [this.staticItem] : this.staticItems;
+    };
+    /**
+     * If items are created of deleted, by default the animation will fade in or fade out the item quickly.
+     * If you want to animate from/to a location (a stockpile for instance), implement this function or simply {@link stockLocation}.
+     * @param _item Item that is getting created or deleted.
+     * @param _context Context of the game
+     * @returns The location to animate from/to
+     */
+    MaterialDescription.prototype.getStockLocation = function (_item, _context) {
+        return this.stockLocation;
+    };
+    /**
+     * The internal locations of the item, for instance the spots to put material on a board.
+     * Will return {@link location} by default if defined, {@link locations} otherwise.
+     *
+     * @param _item The item that contains the locations
+     * @param _context Context of the game
+     */
+    MaterialDescription.prototype.getLocations = function (_item, _context) {
+        return this.location ? [this.location] : this.locations;
+    };
+    /**
+     * This function determines if an item can currently be dragged by the user to perform a given move.
+     *
+     * @param _move The move to consider
+     * @param _context Context of the item
+     */
+    MaterialDescription.prototype.canDrag = function (_move, _context) {
+        return false;
+    };
+    /**
+     * This function determines if a move can be played by clicking for 1 second on an item
+     *
+     * @param move The move to consider
+     * @param context Context of the item
+     */
+    MaterialDescription.prototype.canLongClick = function (move, context) {
+        return ((0, rules_api_1.isMoveItem)(move) || (0, rules_api_1.isDeleteItem)(move) || (0, rules_api_1.isRoll)(move)) && move.itemType === context.type && move.itemIndex === context.index;
+    };
+    /**
+     * This function determines if a move can be played by clicking on an item
+     *
+     * @param move The move to consider
+     * @param context Context of the item
+     */
+    MaterialDescription.prototype.canShortClick = function (move, context) {
+        return (0, rules_api_1.isSelectItem)(move) && move.itemType === context.type && move.itemIndex === context.index;
+    };
+    /**
+     * This function returns the move that should be played when clicking on an item, if any
+     *
+     * @param _context Context of the item
+     */
+    MaterialDescription.prototype.getShortClickMove = function (_context) {
+        return undefined;
+    };
+    /**
+     * This function returns the local move that should be played when clicking on an item, if any
+     *
+     * @param _context Context of the item
+     */
+    MaterialDescription.prototype.getShortClickLocalMove = function (_context) {
+        return undefined;
+    };
+    /**
+     * Returns the thickness of the item. Default to {@link thickness}
+     * @param _item the item
+     * @param _context Context of the item
+     * @returns {number} The thickness
+     */
+    MaterialDescription.prototype.getThickness = function (_item, _context) {
+        return this.thickness;
+    };
+    /**
+     * Any extra css to add on the item
+     * @param _item The item
+     * @param _context Context of the item
+     * @returns The css, using Emotion framework
+     */
+    MaterialDescription.prototype.getItemExtraCss = function (_item, _context) {
+        return;
+    };
+    /**
+     * Whether the item should be highlighted
+     * @param _item The item
+     * @param _context Context of the item
+     * @return true if the item should be highlighted
+     */
+    MaterialDescription.prototype.highlight = function (_item, _context) {
+        return;
+    };
+    /**
+     * The move to execute in order to display the help dialog about this item.
+     * By default, open the help about this specific item, but it can be the help about the location of the item sometimes.
+     * @param item The item
+     * @param context Context of the item
+     * @return The move to play to open the help dialog
+     */
+    MaterialDescription.prototype.displayHelp = function (item, context) {
+        var type = context.type, index = context.index, displayIndex = context.displayIndex;
+        return displayMaterialHelp(type, item, index, displayIndex);
+    };
+    /**
+     * Builds the CSS transform that will be applied to the item.
+     * @param item Item to position
+     * @param context Context of the item
+     * @returns {string[]} a list of CSS transformations
+     */
+    MaterialDescription.prototype.getItemTransform = function (item, context) {
+        var transform = ['translate(-50%, -50%)'];
+        var locator = context.locators[item.location.type];
+        if (locator)
+            transform.push.apply(transform, __spreadArray([], __read(locator.placeItem(item, context)), false));
+        return transform;
+    };
+    /**
+     * Builds the CSS transform that will be applied to the item when hovered.
+     * @param _item Item to position
+     * @param _context Context of the item
+     * @returns {string[]} a list of CSS transformations
+     */
+    MaterialDescription.prototype.getHoverTransform = function (_item, _context) {
+        return [];
+    };
+    /**
+     * Provide the locations that are required to drop an item given the legal moves that currently allow to drag the item.
+     * @param context Context of the item. Use {@link getItemFromContext} to get the item from it.
+     * @param dragMoves Legal moves filtered to only keep those that allows the item to be dragged
+     * @return All the locations where the item can be dropped
+     */
+    MaterialDescription.prototype.getDropLocations = function (context, dragMoves) {
+        var _this = this;
+        var locations = [];
+        var _a = __read((0, compat_1.partition)(dragMoves, isMovementOfItem), 2), itemMoves = _a[0], otherMoves = _a[1];
+        var itemMovesByType = (0, es_toolkit_1.groupBy)(itemMoves, function (move) { var _a; return (_a = move.location.type) !== null && _a !== void 0 ? _a : context.rules.material(move.itemType).getItem((0, rules_api_1.isMoveItem)(move) ? move.itemIndex : move.indexes[0]).location.type; });
+        for (var type in itemMovesByType) {
+            var locator = context.locators[parseInt(type)];
+            if (locator) {
+                locations.push.apply(locations, __spreadArray([], __read(locator.getDropLocations(itemMovesByType[type], context)), false));
+            }
+            else {
+                locations.push.apply(locations, __spreadArray([], __read(itemMovesByType[type].flatMap(function (move) { return _this.getMoveDropLocations(context, move); })), false));
+            }
+        }
+        locations.push.apply(locations, __spreadArray([], __read(otherMoves.flatMap(function (move) { return _this.getMoveDropLocations(context, move); })), false));
+        return locations;
+    };
+    MaterialDescription.prototype.getMoveDropLocations = function (context, move) {
+        if ((0, rules_api_1.isMoveItem)(move) && move.location.type !== undefined) {
+            return [move.location];
+        }
+        else if ((0, rules_api_1.isDeleteItem)(move)) {
+            var stockLocation = this.getStockLocation((0, locators_1.getItemFromContext)(context), context);
+            return stockLocation ? [stockLocation] : [];
+        }
+        return [];
+    };
+    MaterialDescription.prototype.getTooltip = function (item, t, _context) {
+        if (item.quantity)
+            return t('quantity.tooltip', { n: item.quantity });
+        return;
+    };
+    MaterialDescription.prototype.isMenuAlwaysVisible = function (_item, _context) {
+        return this.menuAlwaysVisible;
+    };
+    MaterialDescription.prototype.getItemMenu = function (_item, _context, _legalMoves) {
+        return;
+    };
+    MaterialDescription.prototype.getHelpButton = function (item, context, props) {
+        if (props === void 0) { props = {}; }
+        return (0, jsx_runtime_1.jsx)(ItemMenuButton_1.ItemMenuButton, __assign({ label: (0, jsx_runtime_1.jsx)(react_i18next_1.Trans, { defaults: "Help" }), move: this.displayHelp(item, context), options: { transient: true }, angle: 30 }, props, { children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faQuestion_1.faQuestion }) }));
+    };
+    MaterialDescription.prototype.getAnimationCss = function (keyframes, duration) {
+        return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      animation: ", " ", "s linear infinite;\n\n      > * {\n        animation: ", " ", "s ease-in-out forwards;\n      }\n    "], ["\n      animation: ", " ", "s linear infinite;\n\n      > * {\n        animation: ", " ", "s ease-in-out forwards;\n      }\n    "])), upAndDown, duration, keyframes, duration);
+    };
+    MaterialDescription.prototype.getHelpDisplayExtraCss = function (_item, _context) {
+        return;
+    };
+    return MaterialDescription;
+}(ComponentDescription_1.ComponentDescription));
+exports.MaterialDescription = MaterialDescription;
+function isMovementOfItem(move) {
+    return (0, rules_api_1.isMoveItem)(move) || (0, rules_api_1.isMoveItemsAtOnce)(move);
+}
+var upAndDown = (0, react_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  from, to {\n    transform: none;\n  }\n  50% {\n    transform: translateZ(10em);\n  }\n"], ["\n  from, to {\n    transform: none;\n  }\n  50% {\n    transform: translateZ(10em);\n  }\n"])));
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=MaterialDescription.js.map