@rpg-engine/long-bow 0.8.20 → 0.8.21

package/dist/long-bow.esm.js

@@ -30963,7 +30963,7 @@ var StyledDropdown = /*#__PURE__*/styled(Dropdown).withConfig({
 var PaginatedContent = function PaginatedContent(_ref) {
   var items = _ref.items,
     _ref$itemsPerPage = _ref.itemsPerPage,
-    itemsPerPage = _ref$itemsPerPage === void 0 ? 5 : _ref$itemsPerPage,
+    itemsPerPage = _ref$itemsPerPage === void 0 ? 8 : _ref$itemsPerPage,
     renderItem = _ref.renderItem,
     _ref$emptyMessage = _ref.emptyMessage,
     emptyMessage = _ref$emptyMessage === void 0 ? 'No items found' : _ref$emptyMessage,
@@ -31181,6 +31181,13 @@ var SpriteContainer$2 = /*#__PURE__*/styled.div.withConfig({
 })(["width:64px;height:64px;background:rgba(0,0,0,0.3);border-radius:4px;display:flex;justify-content:center;align-items:center;position:relative;.sprite-from-atlas-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);transform-origin:center;}"]);
 
 var ITEMS_PER_PAGE$1 = 5;
+var formatItemName = function formatItemName(itemPath) {
+  var _itemPath$split$pop;
+  var cleanText = ((_itemPath$split$pop = itemPath.split('/').pop()) == null ? void 0 : _itemPath$split$pop.split('.').shift()) || '';
+  return cleanText.split('-').map(function (word) {
+    return word.charAt(0).toUpperCase() + word.slice(1);
+  }).join(' ');
+};
 var InformationCenterNPCDetails = function InformationCenterNPCDetails(_ref) {
   var _npc$loots, _npc$skills$strength, _npc$skills$dexterity, _npc$skills$resistanc;
   var npc = _ref.npc,
@@ -31188,6 +31195,8 @@ var InformationCenterNPCDetails = function InformationCenterNPCDetails(_ref) {
     itemsAtlasIMG = _ref.itemsAtlasIMG,
     entitiesAtlasJSON = _ref.entitiesAtlasJSON,
     entitiesAtlasIMG = _ref.entitiesAtlasIMG,
+    iconAtlasIMG = _ref.iconAtlasIMG,
+    iconAtlasJSON = _ref.iconAtlasJSON,
     onBack = _ref.onBack;
   var isMobile = isMobileOrTablet();
   var _useState = useState(''),
@@ -31221,7 +31230,7 @@ var InformationCenterNPCDetails = function InformationCenterNPCDetails(_ref) {
     }
   };
   var filteredLoots = ((_npc$loots = npc.loots) == null ? void 0 : _npc$loots.filter(function (loot) {
-    return formatText(loot.itemBlueprintKey).toLowerCase().includes(lootSearchQuery.toLowerCase());
+    return formatItemName(loot.itemBlueprintKey).toLowerCase().includes(lootSearchQuery.toLowerCase());
   })) || [];
   var totalLootPages = Math.ceil(filteredLoots.length / ITEMS_PER_PAGE$1);
   var paginatedLoots = filteredLoots.slice((currentLootPage - 1) * ITEMS_PER_PAGE$1, currentLootPage * ITEMS_PER_PAGE$1);
@@ -31251,7 +31260,7 @@ var InformationCenterNPCDetails = function InformationCenterNPCDetails(_ref) {
       width: 24,
       height: 24,
       imgScale: 1
-    }), React.createElement(LootDetails, null, React.createElement(LootName, null, formatText(loot.itemBlueprintKey)), React.createElement(LootInfo, null, React.createElement(LootChance, null, formatRarity(loot.chance)), loot.quantityRange && React.createElement(LootQuantity, null, "x", loot.quantityRange[0], "-", loot.quantityRange[1]))));
+    }), React.createElement(LootDetails, null, React.createElement(LootName, null, formatItemName(loot.itemBlueprintKey)), React.createElement(LootInfo, null, React.createElement(LootChance, null, formatRarity(loot.chance)), loot.quantityRange && React.createElement(LootQuantity, null, "x", loot.quantityRange[0], "-", loot.quantityRange[1]))));
   })), filteredLoots.length > ITEMS_PER_PAGE$1 && React.createElement(PaginationContainer$2, null, React.createElement(StyledPagination, {
     currentPage: currentLootPage,
     totalPages: totalLootPages,
@@ -31269,7 +31278,14 @@ var InformationCenterNPCDetails = function InformationCenterNPCDetails(_ref) {
   }, React.createElement(SpellsList, null, npc.areaSpells.map(function (spell, index) {
     return React.createElement(SpellItem, {
       key: index
-    }, React.createElement(SpellName, null, formatText(spell.spellKey)), React.createElement(SpellDetails, null, "Power: ", React.createElement(SpellValue, null, formatText(spell.power)), React.createElement(Separator, null, "\u2022"), "Chance: ", React.createElement(SpellValue, null, spell.probability, "%")));
+    }, React.createElement(SpellIconContainer, null, React.createElement(SpriteFromAtlas, {
+      atlasJSON: iconAtlasJSON,
+      atlasIMG: iconAtlasIMG,
+      spriteKey: spell.texturePath || spell.spellKey,
+      width: 24,
+      height: 24,
+      imgScale: 1
+    })), React.createElement(SpellContent, null, React.createElement(SpellName, null, formatText(spell.spellKey)), React.createElement(SpellDetails, null, "Power:", ' ', React.createElement(SpellValue, null, formatText(spell.power)), React.createElement(Separator, null, "\u2022"), "Chance: ", React.createElement(SpellValue, null, spell.probability, "%"))));
   }))));
 };
 var InfoSection = /*#__PURE__*/styled.div.withConfig({
@@ -31312,69 +31328,77 @@ var SpellsList = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenterNPCDetails__SpellsList",
   componentId: "sc-fdu3xl-9"
 })(["display:flex;flex-direction:column;gap:8px;padding:12px;"]);
+var SpellIconContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "InformationCenterNPCDetails__SpellIconContainer",
+  componentId: "sc-fdu3xl-10"
+})(["display:flex;padding-right:30px;padding-bottom:30px;"]);
+var SpellContent = /*#__PURE__*/styled.div.withConfig({
+  displayName: "InformationCenterNPCDetails__SpellContent",
+  componentId: "sc-fdu3xl-11"
+})(["display:flex;flex-direction:column;gap:4px;flex:1;"]);
 var SpellItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenterNPCDetails__SpellItem",
-  componentId: "sc-fdu3xl-10"
-})(["display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,0.05);padding:8px;border-radius:4px;"]);
+  componentId: "sc-fdu3xl-12"
+})(["display:flex;gap:8px;background:rgba(255,255,255,0.05);padding:8px;padding-left:10px;border-radius:4px;align-items:center;"]);
 var SpellName = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenterNPCDetails__SpellName",
-  componentId: "sc-fdu3xl-11"
+  componentId: "sc-fdu3xl-13"
 })(["color:", ";font-size:0.5rem;"], uiColors.yellow);
 var SpellDetails = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenterNPCDetails__SpellDetails",
-  componentId: "sc-fdu3xl-12"
+  componentId: "sc-fdu3xl-14"
 })(["display:flex;align-items:center;gap:8px;color:", ";font-size:0.45rem;opacity:0.8;"], uiColors.white);
 var SpellValue = /*#__PURE__*/styled.span.withConfig({
   displayName: "InformationCenterNPCDetails__SpellValue",
-  componentId: "sc-fdu3xl-13"
+  componentId: "sc-fdu3xl-15"
 })(["color:", ";"], uiColors.yellow);
 var Separator = /*#__PURE__*/styled.span.withConfig({
   displayName: "InformationCenterNPCDetails__Separator",
-  componentId: "sc-fdu3xl-14"
+  componentId: "sc-fdu3xl-16"
 })(["color:", ";opacity:0.5;"], uiColors.yellow);
 var LootSearchContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenterNPCDetails__LootSearchContainer",
-  componentId: "sc-fdu3xl-15"
+  componentId: "sc-fdu3xl-17"
 })(["padding:12px 12px 0;"]);
 var StyledSearchBar$1 = /*#__PURE__*/styled(SearchBar).withConfig({
   displayName: "InformationCenterNPCDetails__StyledSearchBar",
-  componentId: "sc-fdu3xl-16"
+  componentId: "sc-fdu3xl-18"
 })(["width:100%;"]);
 var LootGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenterNPCDetails__LootGrid",
-  componentId: "sc-fdu3xl-17"
+  componentId: "sc-fdu3xl-19"
 })(["display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:12px;"]);
 var LootItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenterNPCDetails__LootItem",
-  componentId: "sc-fdu3xl-18"
+  componentId: "sc-fdu3xl-20"
 })(["display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.05);padding:8px;border-radius:4px;"]);
 var LootDetails = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenterNPCDetails__LootDetails",
-  componentId: "sc-fdu3xl-19"
+  componentId: "sc-fdu3xl-21"
 })(["flex:1;display:flex;flex-direction:column;gap:4px;"]);
 var LootName = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenterNPCDetails__LootName",
-  componentId: "sc-fdu3xl-20"
+  componentId: "sc-fdu3xl-22"
 })(["color:", ";font-size:0.5rem;"], uiColors.white);
 var LootInfo = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenterNPCDetails__LootInfo",
-  componentId: "sc-fdu3xl-21"
+  componentId: "sc-fdu3xl-23"
 })(["display:flex;align-items:center;gap:8px;"]);
 var LootChance = /*#__PURE__*/styled.span.withConfig({
   displayName: "InformationCenterNPCDetails__LootChance",
-  componentId: "sc-fdu3xl-22"
+  componentId: "sc-fdu3xl-24"
 })(["color:", ";font-size:0.45rem;"], uiColors.yellow);
 var LootQuantity = /*#__PURE__*/styled.span.withConfig({
   displayName: "InformationCenterNPCDetails__LootQuantity",
-  componentId: "sc-fdu3xl-23"
+  componentId: "sc-fdu3xl-25"
 })(["color:", ";font-size:0.45rem;"], uiColors.lightGray);
 var PaginationContainer$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenterNPCDetails__PaginationContainer",
-  componentId: "sc-fdu3xl-24"
+  componentId: "sc-fdu3xl-26"
 })(["display:flex;justify-content:center;padding:12px;"]);
 var StyledPagination = /*#__PURE__*/styled(Pagination).withConfig({
   displayName: "InformationCenterNPCDetails__StyledPagination",
-  componentId: "sc-fdu3xl-25"
+  componentId: "sc-fdu3xl-27"
 })(["font-size:0.6rem;"]);
 
 var TooltipContainer$1 = /*#__PURE__*/styled.div.withConfig({
@@ -31504,6 +31528,8 @@ var InformationCenterBestiarySection = function InformationCenterBestiarySection
   var bestiaryItems = _ref.bestiaryItems,
     itemsAtlasJSON = _ref.itemsAtlasJSON,
     itemsAtlasIMG = _ref.itemsAtlasIMG,
+    iconsAtlasIMG = _ref.iconsAtlasIMG,
+    iconsAtlasJSON = _ref.iconsAtlasJSON,
     entitiesAtlasJSON = _ref.entitiesAtlasJSON,
     entitiesAtlasIMG = _ref.entitiesAtlasIMG,
     initialSearchQuery = _ref.initialSearchQuery,
@@ -31615,6 +31641,8 @@ var InformationCenterBestiarySection = function InformationCenterBestiarySection
     npc: selectedMonster,
     itemsAtlasJSON: itemsAtlasJSON,
     itemsAtlasIMG: itemsAtlasIMG,
+    iconAtlasIMG: iconsAtlasIMG,
+    iconAtlasJSON: iconsAtlasJSON,
     entitiesAtlasJSON: entitiesAtlasJSON,
     entitiesAtlasIMG: entitiesAtlasIMG,
     onBack: function onBack() {
@@ -32094,6 +32122,8 @@ var InformationCenter = function InformationCenter(_ref) {
     itemsAtlasIMG = _ref.itemsAtlasIMG,
     entitiesAtlasJSON = _ref.entitiesAtlasJSON,
     entitiesAtlasIMG = _ref.entitiesAtlasIMG,
+    iconsAtlasIMG = _ref.iconsAtlasIMG,
+    iconsAtlasJSON = _ref.iconsAtlasJSON,
     _ref$faqItems = _ref.faqItems,
     faqItems = _ref$faqItems === void 0 ? [] : _ref$faqItems,
     _ref$bestiaryItems = _ref.bestiaryItems,
@@ -32126,6 +32156,8 @@ var InformationCenter = function InformationCenter(_ref) {
       bestiaryItems: bestiaryItems,
       itemsAtlasJSON: itemsAtlasJSON,
       itemsAtlasIMG: itemsAtlasIMG,
+      iconsAtlasIMG: iconsAtlasIMG,
+      iconsAtlasJSON: iconsAtlasJSON,
       entitiesAtlasJSON: entitiesAtlasJSON,
       entitiesAtlasIMG: entitiesAtlasIMG,
       initialSearchQuery: initialSearchQuery,