@rpg-engine/long-bow 0.3.52 → 0.3.53

package/dist/long-bow.esm.js

@@ -1,6 +1,6 @@
 import React, { Component, useState, useEffect, useRef, useMemo, Fragment } from 'react';
 import styled from 'styled-components';
-import { GRID_WIDTH, GRID_HEIGHT, getItemTextureKeyPath, ItemSubType, ItemContainerType, ItemType, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemRarities, ItemSlotType, getSPForLevel, PeriodOfDay, isMobileOrTablet } from '@rpg-engine/shared';
+import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemSubType, ItemContainerType, ItemType, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemRarities, ItemSlotType, getSPForLevel, PeriodOfDay, isMobileOrTablet } from '@rpg-engine/shared';
 import dayjs from 'dayjs';
 import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
 import { RxPaperPlane } from 'react-icons/rx';
@@ -33058,95 +33058,6 @@ var SingleShortcut = /*#__PURE__*/styled.button.withConfig({
   componentId: "sc-vz5ev8-0"
 })(["width:3rem;height:3rem;background-color:", ";border:2px solid ", ";border-radius:50%;text-transform:uppercase;font-size:0.7rem;font-weight:bold;display:flex;align-items:center;justify-content:center;position:relative;span{pointer-events:none;}.mana{position:absolute;top:-5px;right:0;font-size:0.65rem;color:", ";}.qty{position:absolute;top:-5px;right:0;font-size:0.65rem;}.magicWords{margin-top:4px;}.keyboard{position:absolute;bottom:-5px;left:0;font-size:0.65rem;color:", ";}&:hover,&:focus{background-color:", ";}&:active{background-color:", ";}&:disabled{opacity:0.5;}"], uiColors.lightGray, uiColors.darkGray, uiColors.blue, uiColors.yellow, uiColors.darkGray, uiColors.gray);
 
-var ShortcutType;
-(function (ShortcutType) {
-  ShortcutType[ShortcutType["Spell"] = 0] = "Spell";
-  ShortcutType[ShortcutType["Item"] = 1] = "Item";
-  ShortcutType[ShortcutType["None"] = 2] = "None";
-})(ShortcutType || (ShortcutType = {}));
-var Shortcuts = function Shortcuts(_ref) {
-  var shortcuts = _ref.shortcuts,
-    onShortcutCast = _ref.onShortcutCast,
-    mana = _ref.mana,
-    _ref$isBlockedCasting = _ref.isBlockedCastingByKeyboard,
-    isBlockedCastingByKeyboard = _ref$isBlockedCasting === void 0 ? false : _ref$isBlockedCasting,
-    atlasJSON = _ref.atlasJSON,
-    atlasIMG = _ref.atlasIMG,
-    inventory = _ref.inventory;
-  useEffect(function () {
-    var handleKeyDown = function handleKeyDown(e) {
-      if (isBlockedCastingByKeyboard) return;
-      var shortcutIndex = Number(e.key) - 1;
-      if (shortcutIndex >= 0 && shortcutIndex <= 5) {
-        onShortcutCast(shortcutIndex);
-      }
-    };
-    window.addEventListener('keydown', handleKeyDown);
-    return function () {
-      window.removeEventListener('keydown', handleKeyDown);
-    };
-  }, [shortcuts, isBlockedCastingByKeyboard]);
-  return React.createElement(List, null, Array.from({
-    length: 6
-  }).map(function (_, i) {
-    var _shortcuts$i, _shortcuts$i3, _payload$manaCost;
-    if (((_shortcuts$i = shortcuts[i]) == null ? void 0 : _shortcuts$i.type) === ShortcutType.Item) {
-      var _shortcuts$i2;
-      var _payload = (_shortcuts$i2 = shortcuts[i]) == null ? void 0 : _shortcuts$i2.payload;
-      var itemsFromEquipment = [];
-      if (inventory) {
-        Object.keys(inventory.slots).forEach(function (i) {
-          var _inventory$slots$inde;
-          var index = parseInt(i);
-          if (((_inventory$slots$inde = inventory.slots[index]) == null ? void 0 : _inventory$slots$inde.key) === (_payload == null ? void 0 : _payload.key)) {
-            itemsFromEquipment.push(inventory.slots[index]);
-          }
-        });
-      }
-      var totalQty = itemsFromEquipment.reduce(function (acc, item) {
-        return acc + ((item == null ? void 0 : item.stackQty) || 1);
-      }, 0);
-      return React.createElement(SingleShortcut, {
-        key: i,
-        onClick: onShortcutCast.bind(null, i),
-        disabled: false
-      }, _payload && React.createElement(SpriteFromAtlas, {
-        atlasIMG: atlasIMG,
-        atlasJSON: atlasJSON,
-        spriteKey: getItemTextureKeyPath({
-          key: _payload.texturePath,
-          texturePath: _payload.texturePath,
-          stackQty: _payload.stackQty || 1
-        }, atlasJSON),
-        width: 32,
-        height: 32
-      }), React.createElement("span", {
-        className: "qty"
-      }, totalQty), React.createElement("span", {
-        className: "keyboard"
-      }, i + 1));
-    }
-    var payload = (_shortcuts$i3 = shortcuts[i]) == null ? void 0 : _shortcuts$i3.payload;
-    return React.createElement(SingleShortcut, {
-      key: i,
-      onClick: onShortcutCast.bind(null, i),
-      disabled: mana < ((_payload$manaCost = payload == null ? void 0 : payload.manaCost) != null ? _payload$manaCost : 0)
-    }, React.createElement("span", {
-      className: "mana"
-    }, payload && payload.manaCost), React.createElement("span", {
-      className: "magicWords"
-    }, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
-      return word[0];
-    })), React.createElement("span", {
-      className: "keyboard"
-    }, i + 1));
-  }));
-};
-var List = /*#__PURE__*/styled.p.withConfig({
-  displayName: "Shortcuts__List",
-  componentId: "sc-kgtsi7-0"
-})(["width:100%;display:flex;align-items:center;justify-content:center;gap:0.5rem;box-sizing:border-box;margin:0 !important;"]);
-
 var CircularController = function CircularController(_ref) {
   var onActionClick = _ref.onActionClick,
     onCancelClick = _ref.onCancelClick,
@@ -34471,7 +34382,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
       return word[0];
     }));
   };
-  return React.createElement(Container$b, null, React.createElement("p", null, "Shortcuts:"), React.createElement(List$1, {
+  return React.createElement(Container$b, null, React.createElement("p", null, "Shortcuts:"), React.createElement(List, {
     id: "shortcuts_list"
   }, Array.from({
     length: 6
@@ -34498,7 +34409,7 @@ var Shortcut = /*#__PURE__*/styled.button.withConfig({
   var isBeingSet = _ref2.isBeingSet;
   return isBeingSet ? uiColors.yellow : uiColors.darkGray;
 }, uiColors.darkGray, uiColors.gray);
-var List$1 = /*#__PURE__*/styled.div.withConfig({
+var List = /*#__PURE__*/styled.div.withConfig({
   displayName: "ShortcutsSetter__List",
   componentId: "sc-xuouuf-2"
 })(["width:100%;display:flex;align-items:center;gap:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;box-sizing:border-box;margin:0 !important;"]);
@@ -35340,6 +35251,89 @@ var RPGUIRoot = function RPGUIRoot(_ref) {
   }, children);
 };
 
+var Shortcuts = function Shortcuts(_ref) {
+  var shortcuts = _ref.shortcuts,
+    onShortcutCast = _ref.onShortcutCast,
+    mana = _ref.mana,
+    _ref$isBlockedCasting = _ref.isBlockedCastingByKeyboard,
+    isBlockedCastingByKeyboard = _ref$isBlockedCasting === void 0 ? false : _ref$isBlockedCasting,
+    atlasJSON = _ref.atlasJSON,
+    atlasIMG = _ref.atlasIMG,
+    inventory = _ref.inventory;
+  useEffect(function () {
+    var handleKeyDown = function handleKeyDown(e) {
+      if (isBlockedCastingByKeyboard) return;
+      var shortcutIndex = Number(e.key) - 1;
+      if (shortcutIndex >= 0 && shortcutIndex <= 5) {
+        onShortcutCast(shortcutIndex);
+      }
+    };
+    window.addEventListener('keydown', handleKeyDown);
+    return function () {
+      window.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [shortcuts, isBlockedCastingByKeyboard]);
+  return React.createElement(List$1, null, Array.from({
+    length: 6
+  }).map(function (_, i) {
+    var _shortcuts$i, _shortcuts$i3, _payload$manaCost;
+    if (((_shortcuts$i = shortcuts[i]) == null ? void 0 : _shortcuts$i.type) === ShortcutType.Item) {
+      var _shortcuts$i2;
+      var _payload = (_shortcuts$i2 = shortcuts[i]) == null ? void 0 : _shortcuts$i2.payload;
+      var itemsFromEquipment = [];
+      if (inventory) {
+        Object.keys(inventory.slots).forEach(function (i) {
+          var _inventory$slots$inde;
+          var index = parseInt(i);
+          if (((_inventory$slots$inde = inventory.slots[index]) == null ? void 0 : _inventory$slots$inde.key) === (_payload == null ? void 0 : _payload.key)) {
+            itemsFromEquipment.push(inventory.slots[index]);
+          }
+        });
+      }
+      var totalQty = itemsFromEquipment.reduce(function (acc, item) {
+        return acc + ((item == null ? void 0 : item.stackQty) || 1);
+      }, 0);
+      return React.createElement(SingleShortcut, {
+        key: i,
+        onClick: onShortcutCast.bind(null, i),
+        disabled: false
+      }, _payload && React.createElement(SpriteFromAtlas, {
+        atlasIMG: atlasIMG,
+        atlasJSON: atlasJSON,
+        spriteKey: getItemTextureKeyPath({
+          key: _payload.texturePath,
+          texturePath: _payload.texturePath,
+          stackQty: _payload.stackQty || 1
+        }, atlasJSON),
+        width: 32,
+        height: 32
+      }), React.createElement("span", {
+        className: "qty"
+      }, totalQty), React.createElement("span", {
+        className: "keyboard"
+      }, i + 1));
+    }
+    var payload = (_shortcuts$i3 = shortcuts[i]) == null ? void 0 : _shortcuts$i3.payload;
+    return React.createElement(SingleShortcut, {
+      key: i,
+      onClick: onShortcutCast.bind(null, i),
+      disabled: mana < ((_payload$manaCost = payload == null ? void 0 : payload.manaCost) != null ? _payload$manaCost : 0)
+    }, React.createElement("span", {
+      className: "mana"
+    }, payload && payload.manaCost), React.createElement("span", {
+      className: "magicWords"
+    }, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
+      return word[0];
+    })), React.createElement("span", {
+      className: "keyboard"
+    }, i + 1));
+  }));
+};
+var List$1 = /*#__PURE__*/styled.p.withConfig({
+  displayName: "Shortcuts__List",
+  componentId: "sc-kgtsi7-0"
+})(["width:100%;display:flex;align-items:center;justify-content:center;gap:0.5rem;box-sizing:border-box;margin:0 !important;"]);
+
 var SimpleProgressBar = function SimpleProgressBar(_ref) {
   var value = _ref.value,
     _ref$bgColor = _ref.bgColor,
@@ -36238,5 +36232,5 @@ var DialogContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-u6oe75-1"
 })(["display:flex;justify-content:center;padding-top:200px;"]);
 
-export { Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, CheckButton, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, ErrorBoundary, HistoryDialog, ImgSide, Input, InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, ListMenu, NPCDialog, NPCDialogType, NPCMultiDialog, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, ShortcutType, Shortcuts, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, useEventListener };
+export { Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, CheckButton, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, ErrorBoundary, HistoryDialog, ImgSide, Input, InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, ListMenu, NPCDialog, NPCDialogType, NPCMultiDialog, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, useEventListener };
 //# sourceMappingURL=long-bow.esm.js.map